三元组无法在ng-repeat中使用ng-repeat重复ng-

Question

我试图用ng-repeat重复五次使用ng-click来改变div的颜色。它将这个类应用于div的所有五次迭代。

<div ng-repeat="item in items"> 
<div ng-class="tileOn ? 'tile' : 'red-tile'"ng-click="itemClicked()" ></div></div> 

这是我处理变化的函数。

angular.module("GameApp",[]).controller('GameCtrl', function($scope){ 
    $scope.items = [{box:1},{box:1},{box:1},{box:1},{box:1}]; 

    $scope.itemClicked = function() { 
     $scope.tileOn = !$scope.tileOn; 
    }; 
}) 

Answer 1

尝试设置$scope.activeItem和使用中ng-class

<div ng-class="item==activeItem ? 'tile' : 'red-tile'" ng-click="itemClicked(item)" ></div> 

$scope.itemClicked = function(item){ 
    $scope.activeItem = item; 
}