好资源导航 » 文章资讯 » 使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

2023-09-27 17:10:06 311

最近在做项目时，遇到了需要用到多选按钮选中触发事件的功能，因此我查找了一下AngularJS的提供的指令，但是没有发现相应的指令。而一个看起来很像的指令就是ng-checked，但是这个指令是用来代替标签里面checked属性的，所以也用不了。因此我就自己动手试着写一个这样的指令，相应的代码如下：



{{a}}

varapp=angular.module('Demo',[]);
app.directive('ngChecking',function(){
varfun1=function(element,attrs){
returnfunction(scope,iElement,iAttrs){
scope.$watch('a',function(){
if(iElement[0].checked){
if(iAttrs['ngChecking']){
varfun=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编写多选按钮选中时触发指定方法的指令代码详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解

热门推荐

随机推荐