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基礎功不行啊,不要一味地追求什么新框架,好好補補基礎吧。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:
你的需求是什么?
相關文章:
1. 就一臺服務器,mysql數據庫想實現自動備份,如何設計?2. mysql - thinkphp5 在MAC電腦本地正常,部署LINUX服務器之后,模型不存在3. 編輯管理員信息時,為什么沒有修改過的內容會為空?4. 求救一下,用新版的phpstudy,數據庫過段時間會消失是什么情況?5. javascript - 百度圖片切換圖片時url會改變,但無刷新,沒用hash,IE8也支持,請問是用了什么技術?6. 這是什么情況???7. node.js - win10如何安裝并使用babel?8. python - xpath中如何使用變量9. APP上傳到電腦服務器,出現數據上傳不完整的問題10. mysql服務無法啟動1067錯誤,誰知道正確的解決方法?
