失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 详解angular的自定义指令

详解angular的自定义指令

时间:2022-08-21 14:31:20

相关推荐

详解angular的自定义指令

参考博客。很详细

/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的自定义指令》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。