使用本地范围切换类

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