angular.js - angular給多個(gè)button綁定同一個(gè)事件
問(wèn)題描述
想用angular 給這幾個(gè)button 綁定同一個(gè)事件。但是不想用這樣的方法

問(wèn)題解答
回答1:在外層的p綁定ng-click,把a(bǔ)ngular自帶的$event對(duì)象傳入。
<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對(duì)象判斷點(diǎn)擊的是哪個(gè)按鈕
$scope.changeMode = function($event){ $event.target};
ps:有兩點(diǎn)建議:1、少年,這個(gè)跟事件委托的原理是一樣的,js基礎(chǔ)功不行啊,不要一味地追求什么新框架,好好補(bǔ)補(bǔ)基礎(chǔ)吧。2、少年,養(yǎng)成良好的編程習(xí)慣,按鈕就寫button標(biāo)簽,不要span。雖然bootstrap在樣式上幫你都處理好了,但這是一個(gè)很差的編程習(xí)慣。
回答2:使用 uib-btn-radiohttp://angular-ui.github.io/b...
回答3:NG內(nèi)置mini版本的jq.
如果不用那種方案,你可以把這一對(duì)代碼寫成一個(gè)循環(huán)。這段冗余代碼,你可以看出來(lái)對(duì)應(yīng)關(guān)系可以定義一個(gè)對(duì)象字面量:
$scope.types = { ’primary’:’全部時(shí)間’, ’success’:’最近3天’, ’info’:’最近一周’, ’warning’:’最近一月’, ’danger’:’最近半年’}<span ng-repeat='(cla,txt) in types' ng-click='changeMode()'>{{txt}}</span>回答4:
你的需求是什么?
相關(guān)文章:
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. boot2docker無(wú)法啟動(dòng)3. docker-compose中volumes的問(wèn)題4. nignx - docker內(nèi)nginx 80端口被占用5. javascript - mock.js可以存儲(chǔ)數(shù)據(jù)嗎6. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.7. java - SSH框架中寫分頁(yè)時(shí)service層中不能注入分頁(yè)類8. golang - 用IDE看docker源碼時(shí)的小問(wèn)題9. dockerfile - 為什么docker容器啟動(dòng)不了?10. docker api 開發(fā)的端口怎么獲取?

網(wǎng)公網(wǎng)安備