单击时如何更改一系列 div 中每个单独 div 的类？

Question

我正在尝试在单击单个 div 时更改它的类，而我所拥有的却不起作用。我无法理解 ng-click 和 ng-class 如何协同工作，这就是为什么我无法弄清楚这一点的原因。我需要做什么或在我的 changeBackground 函数中放置什么，以便单个 div 应用一个类？

<div ng-controller="BoardController">
    <div class="rows" ng-repeat="r in rows track by $index" ng-click="changeBackground($index)" ng-class="{ red: }">

    </div>
</div>

$scope.changeBackground = function(index) {

};

Answer 1

试试：

<div ng-controller="BoardController">
    <div class="rows" ng-repeat="r in rows track by $index"
            ng-click="r.clicked = !r.clicked" ng-class="{ 'red':r.clicked }">

    </div>
</div>