javascript - Toggle 具有本地范围的类

Question

我正在尝试为每行中的单个按钮切换事件类。我可以打开该类，但我不知道如何在条件发生变化后将其删除。

请参阅this example .

此时，我有一个本地 ng-repeat 变量 active，我用它来存储事件按钮的索引。

<button ng-repeat="c in laneColors"
        ng-click="laneData[g].base = c; active = $index"
        ng-class="(active===$index) ? 'active' : ''">

我希望一旦条件 active===$index 不再满足，事件类就会被删除，但它只会继续将该类添加到所有单击的按钮。

Answer 1

不要根据索引设置事件，而是检查按钮值是否与所选颜色相同。

<button ng-repeat="c in laneColors"
        ng-click="laneData[g].base = c"
        ng-class="(c===laneData[g].base) ? 'active' : ''"> 

DEMO