参考博客。很详细
/wangmeijian/p/4944030.html
/anhaiming/p/5002077.html
关于scope的一些坑
当遇到scope的自定义作用域时
比如下面这样:
scope: {myName: "@",mySex: "=mySex1",getName: "&"}这里要特别注意一下:碰到这种一般会出现三种变量,分别是指令里面出现的,上面scope里面出现的,模板里面出现的。指令里面出现的: 比如说my-name my-sex1 get-name<my-directive my-name="name" my-sex1="sex" get-name='say()'></my-directive>模板里面出现的:template: "<input type='text' ng-model='myName' /><br/>"+"<input type='text' ng-model='mySex' /><br/>"+"<input type='button' ng-click='getName()' value='点击执行子域的say方法' />",scope里面出现:scope: {myName: "@",mySex: "=mySex1",getName: "&"},特别注意:scope就相当于中转站,当scope里面的属性值相等的时候,可以省略直接写@或者=或者& ,如果不相等就必须写全。比如第二个就是不相等。到底是什么样的对应关系呢????@之类的符号后面的值对应的是指令里面的属性。比如说上面指令的my-sex1mySex 指的是模板里面的值。------》最终还是从指令里面的值经过scope中转传到模板里面!!!!!
如果觉得《详解angular的自定义指令》对你有帮助,请点赞、收藏,并留下你的观点哦!