angularJS 自定义指令 方法属性:controller 和属性:controllerAs
来源:互联网 发布:英语学习软件开发 编辑:程序博客网 时间:2024/05/02 02:29
自定义指令中还可以定义controller属性,是一个function,可以在其中定义数据和方法,可以提供给该指令的link内的方法使用。
示例的html:
<div ng-app="myApp"> <div ng-controller="firstController"> <div book-list></div> </div></div>js:
angular.module('myApp',[]).directive('bookList',function(){ return { restrict:'ECAM', //此处定义了该指令的controller属性 controller:function($scope){ $scope.books=[ {name:'php'}, {name:'javascript'}, {name:'java'} ]; this.addBook=function(){ //或者 scope.addBook=... alert('test'); } }, controllerAs:'bookListController', //给当前controller起个名称 template:'<ul><li ng-repeat="book in books">{{ book.name }}</li></ul>', replace:true, //link中注入 bookListController ,就可以使用它的方法了 link:function(scope,iElement,iAttrs,bookListController){ iElement.on('click',bookListController.addBook); } }}).controller('firstController',['$scope',function($scope){}])执行结果:
点击则触发了link定义的点击事件:
0 0
- angularJS 自定义指令 方法属性:controller 和属性:controllerAs
- angularJs自定义指令用到的属性和方法
- angularJS 自定义指令 方法属性:compile、link
- angularJS 自定义指令 属性:templateUrl
- angularJS 自定义指令 属性:require
- angularJS自定义指令:scope属性
- angularjs自定义指令属性详解
- AngularJS自定义指令controller和link传参
- AngularJS自定义指令directive:scope属性
- AngularJS自定义指令directive:scope属性
- angularJS 自定义指令 属性:restrict、template、replace
- angularJS 自定义指令 属性:transclude、priority、terminal
- AngularJS自定义指令directive:scope属性
- angularJs中自定义指令replace属性详解
- Angularjs中input的指令和属性
- angularjs的自定义指令的 @ 局部 scope 属性
- angularJS directive自定义标签和属性
- angularjs基础ng属性指令
- 函数fcntl的用法
- 关于ucosii的邮箱
- hdu1226超级密码 bfs
- PHP静态化技术之真静态
- 集合
- angularJS 自定义指令 方法属性:controller 和属性:controllerAs
- js 常用方法总结
- java关于post请求与get请求
- C++文件读写详解(ofstream,ifstream,fstream)
- Point Cloud Normalization
- 带有面板的框架代码示例
- Android中用到了哪些设计模式?
- 在 "E:\db\Custom\201610211635.bak" 上读取失败: 38(已到文件结尾。) (Microsoft SQL Server,错误: 3203)
- RxJava学习备忘