ng自定义指令和四种用法
ng自定义指令只有一种方法,通过directive去定义声明,使用有四种方法,作为元素、属性、class类、注释。以返回一个对象的方式定义。需要注意是名称必须以驼峰式命名,使用时变横杠的方式,比如名称为:myTest, 使用: my-test。ng内置的指令也是这么用的。
自定义指令的常用的属性有这么一些:name priority terminal scope controller require restrict template replace transclude compile link等。
//声明ng模块
var app=angular.module("myModule",['ng']);
//自定义指令,两个参数,第一个参数为指令的名称,第二参数为设置指令的function
app.directive("myTest",function(){
return{
template:'
Hello world
',restrict:"EACM",//指定四种使用模式,E/element A/attribute C/class M/comment
replace:'true' //作为注释使用,由于注释本就不显示的特殊性,需要用replace替换
}
});
需要传参的自定义指令
var app=angular.module("myModule",['ng']);
app.directive("myTest",function(){
return{
template:'
{{test}}
', 绑定接收参数的变量testscope:{ //scope属性声明一块作用域,用来存储变量接收传过来的参数值
test:'@' //@符号相当形参 test为变量
}
}
});
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
