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的函数，稍后调用