2014-07-21 62 views
0

我想用ng-click爲元素設置一個類。然而,儘管NG-點擊設置正確的價值就不能對同一元素使用納克級的回升:在AngularJS上設置Ng-Click的類

<button class="button" ng-click="selected=2;" ng-class="{active:selected==2}"> </button> 

上面的代碼改變了$ scope.selected但納克級的價值不僅可以似乎選擇了這一點,如果它是由另一個元素的ng點擊設置的。

+0

它很適合我 –

回答

1

嘗試這樣

<button class="button" ng-click="selected=2" ng-class="{'active':selected==2}"> </button> 
1

的代碼是工作的罰款。這裏是一個工作小提琴,以便您可以檢查出錯的地方。

Working Fiddle

代碼片段:

<button class="button" ng-click="selected=2" ng-class="{active:selected==2}">Click to add class </button> 
1

良好的措施,從視圖到控制器分開你的任務。

控制器:

app.controller('ctrl', function() { 

    $scope.select = function (index) { 
    $scope.selected = index; 
    }; 

    $scope.isSelected = function (index) { 
    return $scope.selected === index; 
    }; 

}); 

標記:

<button class="button" ng-click="select(2)" ng-class="{ 'active': isSelected(2) }"> 

JsBin:http://jsbin.com/cajubixu/1/