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

相关文章： 如何在Windows服务器上快速搭建网站？  建站主机核心功能解析：服务器选择与网站搭建流程指南  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  如何通过主机屋免费建站教程十分钟搭建网站？  家庭建站与云服务器建站，如何选择更优？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  如何做静态网页,sublimetext3.0制作静态网页？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  常州自助建站费用包含哪些项目？  如何快速生成ASP一键建站模板并优化安全性？  如何用花生壳三步快速搭建专属网站？  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  建站主机选哪家性价比最高？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  宝盒自助建站智能生成技巧：SEO优化与关键词设置指南  香港服务器建站指南：免备案优势与SEO优化技巧全解析  建站之星伪静态规则如何正确配置？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星如何实现网站加密操作？  如何在香港免费服务器上快速搭建网站？  php json中文编码为null的解决办法  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  常州企业建站如何选择最佳模板？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  零基础网站服务器架设实战：轻量应用与域名解析配置指南  如何选择PHP开源工具快速搭建网站？  如何在云主机快速搭建网站站点？  如何在Windows 2008云服务器安全搭建网站？  Android自定义listview布局实现上拉加载下拉刷新功能  建站主机无法访问？如何排查域名与服务器问题  建站主机功能解析：服务器选择与快速搭建指南  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  建站VPS能否同时实现高效与安全翻墙？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  营销式网站制作方案,销售哪个网站招聘效果最好？  Python路径拼接规范_跨平台处理说明【指导】  独立制作一个网站多少钱,建立网站需要花多少钱？  南平网站制作公司,2025年南平市事业单位报名时间？  如何用VPS主机快速搭建个人网站？  如何通过商城自助建站源码实现零基础高效建站？  建站之星代理费用多少？最新价格详情介绍  制作网站的公司有哪些,做一个公司网站要多少钱？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何快速打造个性化非模板自助建站？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  定制建站流程步骤详解：一站式方案设计与开发指南  C++用Dijkstra(迪杰斯特拉)算法求最短路径