使用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 

相关文章： 高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何快速生成专业多端适配建站电话？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  建站之星如何保障用户数据免受黑客入侵？  python的本地网站制作,如何创建本地站点？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  如何注册花生壳免费域名并搭建个人网站？  微信小程序 五星评分(包括半颗星评分)实例代码  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  建站之星展会模版如何一键下载生成？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  山东云建站价格为何差异显著？  如何在Ubuntu系统下快速搭建WordPress个人网站？  如何选择高效稳定的ISP建站解决方案？  Swift开发中switch语句值绑定模式  如何选择靠谱的建站公司加盟品牌？  如何在建站主机中优化服务器配置？  如何配置FTP站点权限与安全设置？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  建站之星微信建站一键生成小程序+多端营销系统  建站之星如何实现五合一智能建站与营销推广？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  建站之星安装后界面空白如何解决？  建站之星伪静态规则如何设置？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  如何选择可靠的免备案建站服务器？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  如何通过多用户协作模板快速搭建高效企业网站？  建站主机与虚拟主机有何区别？如何选择最优方案？  智能起名网站制作软件有哪些,制作logo的软件？  如何快速查询网址的建站时间与历史轨迹？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何使用Golang安装API文档生成工具_快速生成接口文档  如何用y主机助手快速搭建网站？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  网站制作公司,橙子建站是合法的吗？  如何快速生成橙子建站落地页链接？  建站之星CMS五站合一模板配置与SEO优化指南  如何通过商城自助建站源码实现零基础高效建站？  如何选择服务器才能高效搭建专属网站？  ,制作一个手机app网站要多少钱？  css网站制作参考文献有哪些,易聊怎么注册？