AngularJS 指令中的require

　　require参数可以被设置为字符串或数组，字符串代表另外一个指令的名字。require会将控制器注入到其值所指定的指令中，并作为当前指令的链接函数的第四个参数。
字符串或数组元素的值是会在当前指令的作用域中使用的指令名称。指令得require参数的值可以用下面的前缀进行修饰，这会改变查找控制器时的行为：

? 在当前指令中没有找到所需要的控制器，会将null作为传给link函数的第四个参数。

^ 指令会在上游的指令链中查找require参数所指定的控制器。

?^ 将前面两个选项的行为组合起来，选择地加载需要的指令并在父指令链中进行查找。

没有前缀指令将会在自身所提供的控制器中进行查找，如果没有找到任何控制器（或具有指定名字的指令）就抛出一个错误。

　　例子：

angular.module('myApp',[])  //定义第一个指令 bookList  .directive('bookList',function(){  return {  restrict:'ECAM',  controller:function($scope){  $scope.books=[  {name:'php'},{name:'javascript'},{name:'java'}  ];  this.addBook=function(){  $scope.$apply(function(){  $scope.books.push({name:'Angularjs'});  });  }  },  controllerAs:'bookListController',  //这个template中使用了第二个指令bookAdd  template:'<div><ul><li ng-repeat="book in books">{{ book.name }}</li></ul> <book-add></book-add> </div>',  replace:true  }  })  //定义第二个指令 bookAdd  .directive('bookAdd',function(){  return{  restrict:'ECAM',   require:'^bookList',  //这是个指令名template:'<button type="button">添加</button>',  replace:true,  link:function(scope,iElement,iAttrs,bookListController){  //这里引用了bookList指令的控制器  iElement.on('click',bookListController.addBook);  }  }  })  .controller('firstController',['$scope',function($scope){  }])

转载于:https://www.cnblogs.com/shawnhu/p/8540808.html

AngularJS 指令中的require相关推荐

如何调用AngularJS指令中定义的方法？
本文翻译自:How to call a method defined in an AngularJS directive? I have a directive, here is the code : ...
【转】angularjs指令中的compile与link函数详解
这篇文章主要介绍了angularjs指令中的compile与link函数详解,本文同时诉大家complie,pre-link,post-link的用法与区别等内容,需要的朋友可以参考下通常大家在使用 ...
angularjs指令中的compile与link函数详解
通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别. angularjs里的指令非常神奇,允许你 ...
$httpprovider指令中拦截器interceptors的使用介绍
2019独角兽企业重金招聘Python工程师标准>>> $http服务允许我们使用http请求和后台做通信,但是在每一次放松请求之前我们都希望能够捕捉这个请求并且进行操作,比如之前富 ...
angularJS在创建指令需要注意的问题(指令中使用ngRepeat)
现在发现,当初的自己真的是太菜了,为什么你在指令中更改数据,没有作用呢?这其实是原型链的问题. 详细的我就不在这里说了,有位大神早已发布了这个内容,在这里复制个地址给大家,有兴趣的可以看看 http: ...
Angularjs进阶笔记（2）—自定义指令中的数据绑定
[摘要]有关自定义指令的scope参数,网上很多文章都在讲这3种绑定方式实现的效果是什么,但几乎没有人讲到底怎么使用,本篇希望聊聊到底怎么用这个话题. 一. 自定义指令自定义指令,是Angularj ...
AngularJS指令范围中的#39;@#39;和#39;=#39;有什么区别？
本文翻译自:What is the difference between '@' and '=' in directive scope in AngularJS? I've read the Angu ...
AngularJS 指令实践
2019独角兽企业重金招聘Python工程师标准>>> 指令(Directives)是所有AngularJS应用最重要的部分.尽管AngularJS已经提供了非常丰富的指令,但还是经 ...
AngularJS 指令实践指南（二）
这个系列教程的第一部分给出了AngularJS指令的基本概述,在文章的最后我们介绍了如何隔离一个指令的scope.第二部分将承接上一篇继续介绍.首先,我们会看到在使用隔离scope的情况下,如何从指令 ...

AngularJS 指令中的require

AngularJS 指令中的require相关推荐

最新文章

热门文章