国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

angular.js - angular給多個button綁定同一個事件
漂亮男人
漂亮男人 2017-05-15 17:12:48
0
4
844


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

漂亮男人
漂亮男人

全部回復(fù)(4)
世界只因有你

在外層的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在樣式上幫你都處理好了,但這是一個很差的編程習慣。

淡淡煙草味

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

阿神

NG內(nèi)置mini版本的jq.

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

$scope.types = {
  'primary':'全部時間',
  'success':'最近3天',
  'info':'最近一周',
  'warning':'最近一月',
  'danger':'最近半年'
}

<span ng-repeat="(cla,txt) in types" class="btn btn-sm btn-{{cla}}" ng-click="changeMode()">{{txt}}</span>
PHPzhong

你的需求是什么?

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板