angularjs - 如何在单击时将类添加到 AngularJS 中的父元素？

Question

我的 HTML 如下:

<div class="cell">
  <div class="offset-container pull-left">
    <i data-ng-click="doCtrlStuff()"></i>
  </div>
</div>

当您单击 <i> 时，我想添加一个 active类到具有 .cell 的父级目前。这如何用 AngularJS 实现？

Answer 1

好的，根据您的最后一条评论，如果您的单元格处于循环中，您应该在问题中提到这一点。我假设你使用 ng-repeat。

我有这样的工作。 active如果您单击另一个类也会被删除。

HTML:

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

Controller :

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