国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用AngularJS編寫多選按鈕選中時觸發指定方法的指令代碼詳解

2019-11-19 16:00:17
字體:
來源:轉載
供稿:網友

最近在做項目時,遇到了需要用到多選按鈕選中觸發事件的功能,因此我查找了一下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編寫多選按鈕選中時觸發指定方法的指令代碼詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乌拉特后旗| 门源| 长宁区| 高要市| 杭锦旗| 丰城市| 岗巴县| 城固县| 南昌市| 潮安县| 苗栗县| 淳安县| 甘洛县| 鹰潭市| 阳城县| 抚松县| 淳化县| 富裕县| 江城| 邹平县| 巩留县| 龙门县| 苏尼特左旗| 佛山市| 诏安县| 罗山县| 芷江| 玛曲县| 阿克陶县| 兴安盟| 秦安县| 大方县| 海原县| 临颍县| 西和县| 曲麻莱县| 冕宁县| 丰都县| 萨嘎县| 涪陵区| 新兴县|