css - 更改状态时保持类分配给 Angular

Question

HTML:

<div class="col-xs-4" ng-repeat="product in products" ng-click="selectItem($event)"> {{desc(product)}}</div>

在 Controller 中:

$scope.selectItem = function (event) {          
  $(event.target).addClass('greenLetter');
}

这行得通，问题是当我需要改变状态时，如果我回到这个 Controller ，我想念 greenLetter，我该如何保留它？

Answer 1

要做到这一点，Angular 方式是使用 ngClass .

在下面的代码中，单击该元素会将 selected 设置为您正在重复的当前产品(使用 $index)。

ngClass 将仅在 selected 元素被点击时应用。

<div class="col-xs-4" 
     ng-class="{'greenLetter': selected == $index}"
     ng-repeat="product in products" 
     ng-click="selectItem($index)">

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