国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

angular.js - angular給多個button綁定同一個事件

瀏覽:132日期:2024-09-16 16:38:56

問題描述

angular.js - angular給多個button綁定同一個事件想用angular 給這幾個button 綁定同一個事件。但是不想用這樣的方法

angular.js - angular給多個button綁定同一個事件

問題解答

回答1:

在外層的p綁定ng-click,把angular自帶的$event對象傳入。

<p ng-click='changeMode($event);'> <button class='btn btn-primary btn-sm'>111</button> <button class='btn btn-primary btn-sm'>222</button> <button class='btn btn-primary btn-sm'>333</button> <button class='btn btn-primary btn-sm'>444</button></p>

controller里接收$event,在$event里可以使用target對象判斷點擊的是哪個按鈕

$scope.changeMode = function($event){ $event.target};

ps:有兩點建議:1、少年,這個跟事件委托的原理是一樣的,js基礎功不行啊,不要一味地追求什么新框架,好好補補基礎吧。2、少年,養成良好的編程習慣,按鈕就寫button標簽,不要span。雖然bootstrap在樣式上幫你都處理好了,但這是一個很差的編程習慣。

回答2:

使用 uib-btn-radiohttp://angular-ui.github.io/b...

回答3:

NG內置mini版本的jq.

如果不用那種方案,你可以把這一對代碼寫成一個循環。這段冗余代碼,你可以看出來對應關系可以定義一個對象字面量:

$scope.types = { ’primary’:’全部時間’, ’success’:’最近3天’, ’info’:’最近一周’, ’warning’:’最近一月’, ’danger’:’最近半年’}<span ng-repeat='(cla,txt) in types' ng-click='changeMode()'>{{txt}}</span>回答4:

你的需求是什么?

相關文章:
主站蜘蛛池模板: 车致| 庆阳市| 章丘市| 高台县| 繁昌县| 九台市| 涪陵区| 金门县| 靖远县| 桑植县| 时尚| 周宁县| 宁南县| 庐江县| 本溪| 海林市| 江油市| 井冈山市| 垦利县| 平阴县| 北辰区| 垫江县| 垣曲县| 师宗县| 梁平县| 镇巴县| 北海市| 读书| 长治县| 蓝山县| 孟村| 阳朔县| 阿瓦提县| 财经| 宕昌县| 黎平县| 新野县| 虎林市| 六盘水市| 丰县| 焉耆|