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

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

<form name="test_form" ng-controller="TestCtrl">
<input type="checkbox" name="a" ng-model="a" id="check" ng-checking="say()"/>
<label for="check">{{ a }}</label>
</form>
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  # 多选按钮选中  # AngularJS实现按钮提示与点击变色效果  # 用AngularJS来实现监察表单按钮的禁用效果  # ionic+AngularJs实现获取验证码倒计时按钮  # 使用AngularJS2中的指令实现按钮的切换效果  # Angular2搜索和重置按钮过场动画  # AngularJS 实现点击按钮获取验证码功能实例代码  # 用angular实现多选按钮的全选与反选实例代码  # Angular.js实现获取验证码倒计时60秒按钮的简单方法  # Angular实现点击按钮后在上方显示输入内容的方法  # 小编  # 多选  # 我就  # 在此  # 给大家  # 找了  # 试着  # 很像  # 所述  # 给我留言  # 也用  # 自己动手  # 感谢大家  # 疑问请  # 有任何  # 是用来  # TestCtrl  # gt  # controller  # lt 

相关文章： 上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  建站主机选购指南与交易推荐：核心配置解析  大同网页,大同瑞慈医院官网？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  如何通过PHP快速构建高效问答网站功能？  常州自助建站费用包含哪些项目？  建站之星如何助力企业快速打造五合一网站？  建站之星如何通过成品分离优化网站效率？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何在云主机上快速搭建网站？  香港服务器部署网站为何提示未备案？  电商网站制作公司有哪些,1688网是什么意思？  临沂网站制作企业,临沂第三中学官方网站？  如何快速配置高效服务器建站软件？  开心动漫网站制作软件下载,十分开心动画为何停播？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  如何在建站宝盒中设置产品搜索功能？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  如何在建站主机中优化服务器配置？  建站之星微信建站一键生成小程序+多端营销系统  个人摄影网站制作流程,摄影爱好者都去什么网站？  如何用搬瓦工VPS快速搭建个人网站？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何制作网站标识牌,动态网站如何制作（教程）？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  网站企业制作流程,用什么语言做企业网站比较好？  建站主机类型有哪些？如何正确选型  安云自助建站系统如何快速提升SEO排名？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何续费美橙建站之星域名及服务？  如何确认建站备案号应放置的具体位置？  如何设计高效校园网站？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  高防服务器：AI智能防御DDoS攻击与数据安全保障  股票网站制作软件,网上股票怎么开户？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  相册网站制作软件,图片上的网址怎么复制？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  专业公司网站制作公司,用什么语言做企业网站比较好？  孙琪峥织梦建站教程如何优化数据库安全？  建站之星如何快速生成多端适配网站？  如何有效防御Web建站篡改攻击？  如何通过多用户协作模板快速搭建高效企业网站？  宁波免费建站如何选择可靠模板与平台？  如何快速搭建FTP站点实现文件共享？