我想用ng-click爲元素設置一個類。然而,儘管NG-點擊設置正確的價值就不能對同一元素使用納克級的回升:在AngularJS上設置Ng-Click的類
<button class="button" ng-click="selected=2;" ng-class="{active:selected==2}"> </button>
上面的代碼改變了$ scope.selected但納克級的價值不僅可以似乎選擇了這一點,如果它是由另一個元素的ng點擊設置的。
我想用ng-click爲元素設置一個類。然而,儘管NG-點擊設置正確的價值就不能對同一元素使用納克級的回升:在AngularJS上設置Ng-Click的類
<button class="button" ng-click="selected=2;" ng-class="{active:selected==2}"> </button>
上面的代碼改變了$ scope.selected但納克級的價值不僅可以似乎選擇了這一點,如果它是由另一個元素的ng點擊設置的。
嘗試這樣
<button class="button" ng-click="selected=2" ng-class="{'active':selected==2}"> </button>
的代碼是工作的罰款。這裏是一個工作小提琴,以便您可以檢查出錯的地方。
代碼片段:
<button class="button" ng-click="selected=2" ng-class="{active:selected==2}">Click to add class </button>
良好的措施,從視圖到控制器分開你的任務。
控制器:
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) }">
它很適合我 –