博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularJS指令中的controller和controllerAs
阅读量:6311 次
发布时间:2019-06-22

本文共 1092 字,大约阅读时间需要 3 分钟。

hot3.png

自定义指令中还可以定义controller属性,是一个function,可以在其中定义数据和方法,可以提供给该指令的link内的方法使用。

示例的html:

      
          
          
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:'
    {
    { book.name }}
',          replace:true,          //link中注入 bookListController ,就可以使用它的方法了          link:function(scope,iElement,iAttrs,bookListController){              iElement.on('click',bookListController.addBook);          }      }  })  .controller('firstController',['$scope',function($scope){  }])  

执行结果:

点击则触发了link定义的点击事件:

转载于:https://my.oschina.net/u/2391658/blog/886773

你可能感兴趣的文章
Docker 自定义SSH服务镜像
查看>>
JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改
查看>>
configure: error: in `/root/httpd-2.2.11/srclib/apr': c
查看>>
CentOS7搭建Kubernetes-dashboard管理服务
查看>>
buildroot下查找外部编译器通过ext-toolchain-wrapper调用的参数
查看>>
MySQL Replication 主主配置详细说明
查看>>
Linux的任务调度
查看>>
在Android studio中添加jar包方法如下
查看>>
iframe 在ie下面总是弹出新窗口解决方法
查看>>
分享10款漂亮实用的CSS3按钮
查看>>
安装nginx 常见错误及 解决方法
查看>>
Gorun8电子商城
查看>>
在之前链表的基础上改良的链表
查看>>
android编译系统makefile(Android.mk)写法
查看>>
MD5源代码C++
查看>>
Eclipse 添加 Ibator
查看>>
Linux中变量$#,$@,$0,$1,$2,$*,$$,$?的含义
查看>>
Python编程语言
查看>>
十四、转到 linux
查看>>
Got error 241 'Invalid schema
查看>>