angular.js - angular給多個button綁定同一個事件
問題描述
想用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基礎(chǔ)功不行啊,不要一味地追求什么新框架,好好補補基礎(chǔ)吧。2、少年,養(yǎng)成良好的編程習慣,按鈕就寫button標簽,不要span。雖然bootstrap在樣式上幫你都處理好了,但這是一個很差的編程習慣。
回答2:使用 uib-btn-radiohttp://angular-ui.github.io/b...
回答3:NG內(nèi)置mini版本的jq.
如果不用那種方案,你可以把這一對代碼寫成一個循環(huán)。這段冗余代碼,你可以看出來對應關(guān)系可以定義一個對象字面量:
$scope.types = { ’primary’:’全部時間’, ’success’:’最近3天’, ’info’:’最近一周’, ’warning’:’最近一月’, ’danger’:’最近半年’}<span ng-repeat='(cla,txt) in types' ng-click='changeMode()'>{{txt}}</span>回答4:
你的需求是什么?
相關(guān)文章:
1. php多任務倒計時求助2. 數(shù)組排序,并把排序后的值存入到新數(shù)組中3. 默認輸出類型為json,如何輸出html4. 怎么能做出標簽切換頁的效果,(文字內(nèi)容隨動)5. python的正則怎么同時匹配兩個不同結(jié)果?6. PHP訂單派單系統(tǒng)7. python中def定義的函數(shù)加括號和不加括號的區(qū)別?8. javascript - charles map remote映射問題9. mysql - sql 左連接結(jié)果union右連接結(jié)果,導致重復性計算怎么解決?10. javascript - 有適合開發(fā)手機端Html5網(wǎng)頁小游戲的前端框架嗎?
