AngularJS指令的交互

指令与单个控制器的交互:


    
滑动加载

指令和多个控制交互:


    
滑动加载
滑动加载22222

指令与指令间的交互:


    
动感超人 ---- 力量
动感超人 ---- 力量+速度
动感超人 ---- 力量+速度+光

解释:
1.自定义指令下的link函数有四个参数:scope,element,attrs和ctrl(关联ctrl)

2.require:请求另外的controller,传入当前directive的link 函数中。require需要传入一个directive controller的名称。如果找不到这个名称对应的controller,那么将会抛出一个error。名称可以加入以下前缀:

     ? - 不要抛出异常。这使这个依赖变为一个可选

      ^ - 允许查找父元素的controller

3.在上面的示例中指令中添加的strength speed light其实也是指令,是以属性的方式存在的。

4.scope:{}这个是创建一个独立的作用域。

5.controller,这个和我们angular中的控制器有些不同,这个主要是写一些指令的对外方法。

你可能感兴趣的:(AngularJS指令的交互)