最近做项目时遇到了需要用到多选按钮选中触发事件的功能，小编试着手写一个指令，具体实现代码大家参考下本文吧
最近在做项目时，遇到了需要用到多选按钮选中触发事件的功能，因此我查找了一下AngularJS的提供的指令，但是没有发现相应的指令。而一个看起来很像的指令就是ng-checked，但是这个指令是用来代替标签里面checked属性的，所以也用不了。因此我就自己动手试着写一个这样的指令，相应的代码如下：
var app = angular.module('Demo',[]); app.directive('ngChecking',function(){ var fun1 = function(element,attrs){ return function(scope,iElement,iAttrs){ scope.$watch('a',function(){ if(iElement[0].checked){ if(iAttrs['ngChecking']){ var fun = iAttrs['ngChecking'].match(/\w+()/g); scope[fun[0]](); } } }) } } return { compile:fun1, restrict:'AE' } }) app.controller('TestCtrl',function($scope){ $scope.say = function(){ alert(123) } }); angular.bootstrap(document,['Demo']);
总结
以上就是使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解的详细内容，更多请关注0133技术站其它相关文章！
