如何使用AngularJS编写多选按钮选中时触发指定方法

小编给大家分享一下如何使用AngularJS编写多选按钮选中时触发指定方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站是专业的柯城网站建设公司,柯城接单;提供成都做网站、成都网站设计、成都外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行柯城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

相应的代码如下:



{{ a }}

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编写多选按钮选中时触发指定方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站标题:如何使用AngularJS编写多选按钮选中时触发指定方法
文章来源:http://bzwzjz.com/article/psdjij.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 达州网站设计 高端网站设计 成都网站设计 手机网站制作 成都网站建设 成都网站建设 网站建设 网站建设方案 成都网站建设公司 成都网站设计公司 成都做网站建设公司 重庆网站建设 手机网站建设 重庆手机网站建设 攀枝花网站设计 网站设计 定制级高端网站建设 成都网站建设 成都商城网站建设 阿坝网站设计 成都模版网站建设 自适应网站设计