angular js中的directive
2021-05-14 16:27
阅读：450
YPE html>
标签：src 数据 自定义 继承 text ESS 实现 tle 复习
angular js中的自定义指令
自定义指令return如下指令定义对象：
- restrict:restrict约束自定义指令的使用形式，取值有A（属性），E（元素），C（类），M（注释）
- template:该属性指定angular js指令被替换为html模板
- scope:scope:true 表示创建一个作用域，该作用域继承于父作用域（即ng-controller控制的作用域），
scope:{} 创建一个完全孤立的作用域，不会继承父作用域的任何数据
scope:{"@"} 创建一个单向绑定的作用域，改变父作用域的数据会改变子作用域的数据，改变子作用域的数据不会改变父作用域的数据
scope:{"="} 创建一个双向绑定的子作用域
scope:{"&"} 创建一个与父作用域方法进行绑定的子作用域 - controller:该属性用于指令之间的通信，在一个指令中定义方法和属性，以供其他的指令进行调用
复习directive
父作用域:{{message}}
子作用域:
scope={}时，子作用域和父作用域完全隔离
scope={"="}的时候，实现子作用域与父作用域的双向数据绑定
scope={"@"}时，实现子作用域和父作用域的单向数据绑定，
父作用域值的改变会影响子作用域，子作用域不会影响父作用域
angular js中的directive
标签：src 数据 自定义 继承 text ESS 实现 tle 复习
原文地址：https://www.cnblogs.com/techi/p/11986502.html
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：angular js中的directive
文章链接：http://soscw.com/index.php/essay/85682.html
文章标题：angular js中的directive
文章链接：http://soscw.com/index.php/essay/85682.html
评论
亲，登录后才可以留言！