angular学习笔记,6- 指令

angular1学习笔记(6)- 指令

restrict-匹配模式

1.A - 属性 <my-menu title=Products></my-menu>

2.M - 注释 <div my-menu=Products></div>

3.E - 元素 <div class=my-menu:Products></div>

4.C - 样式类 <!-- directive:my-menu Products --> 注释留空两边

推荐使用元素和属性的方式使用指令

当需要创建带有自己的模板的指令时,使用元素名称的方式创建指令

当需要为已有的HTML标签增加功能时,使用属性的方式创建指令

scope的绑定策略

1.@ 把当前属性作为字符串传递,还可以绑定来自外层scope的值,在属性值中插入{{}}即可

2.= 与父scope中的属性进行双向绑定

3.& 传递一个来自父scope的函数,稍后调用