- restrict——匹配模式
-
- AEMC
- A:attribute <div hello></div>
- E: element <hello></hello>
- M: comment <!-- directive:hello -->
- C: class <div class="hello"></div>
- 推荐使用A和E,即元素和属性的方式来使用指令
- template——模板
-
- $templateCache的get和put
- replace——
- transclude
- complie与link
-
- 加载,加载angular.js,找到ng-app指令
- 编译,遍历DOM结构,找到所有指令,根据指令代码中的template1等转换DOM结构,如果有complile则会运行complie
- 链接,对每条指令的link调用,在指令里操作DOM,绑定事件监听器。
- 指令与控制器之间的交互
- 指令之间的交互
- scope的绑定策略
-
- @——把当前属性作为字符串传递I,还可以绑定来自外层scope的值,在属性值中插入{{}}即可。
- =——与父scope中的属性进行双向绑定
- &——传递一个来自I父scope的函数,稍后调用