javascript - 如何在单击子按钮时将 "active"类添加到 "this"父类，并在再次单击按钮时切换 "active"类

Question

除了我需要的另一件事之外，下面给出的代码工作正常。

HTML:

<div class="item" ng-repeat="cell in [0,1,2]" data-ng-class="{active:index=='{{$index}}'}">
    <button data-ng-click="activate('{{$index}}')">Activate Me</button>
</div>

Controller :

  $scope.activate= function(index){
      $scope.index=index;
  };

下面是上面代码所做的事情:

• 如果点击子项，active 类将添加到父 div。
• 如果您单击另一个项目，active 类也会被删除。

我需要的一个附加功能是:如果再次单击同一个按钮，则删除已添加到父级 div 的 active 类。

Answer 1

这可能有效:

$scope.activate= function(index){
      if($scope.index == index)
          $scope.index = -1;
      else
          $scope.index = index;
};