在更改状态时保持为Angular分配的类

Question

HTML：

org.zuinnote.spark.office.excel

在控制器中：

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

这样可行，问题是当我需要改变状态时，如果我回到这个控制器，我会想念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;
}