亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

使用AngularJS編寫(xiě)多選按鈕選中時(shí)觸發(fā)指定方法的指令代碼詳解

 更新時(shí)間：2017年07月24日 11:03:12   投稿：mrr  
最近做項(xiàng)目時(shí)遇到了需要用到多選按鈕選中觸發(fā)事件的功能，小編試著手寫(xiě)一個(gè)指令，具體實(shí)現(xiàn)代碼大家參考下本文吧

最近在做項(xiàng)目時(shí)，遇到了需要用到多選按鈕選中觸發(fā)事件的功能，因此我查找了一下AngularJS的提供的指令，但是沒(méi)有發(fā)現(xiàn)相應(yīng)的指令。而一個(gè)看起來(lái)很像的指令就是ng-checked，但是這個(gè)指令是用來(lái)代替標(biāo)簽里面checked屬性的，所以也用不了。因此我就自己動(dòng)手試著寫(xiě)一個(gè)這樣的指令，相應(yīng)的代碼如下：

<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']);

總結(jié)

以上所述是小編給大家介紹的使用AngularJS編寫(xiě)多選按鈕選中時(shí)觸發(fā)指定方法的指令代碼詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論