如何使用 ng-class ng-click 删除 class？

Question

http://plnkr.co/edit/6AEvKuyXai9LbcNjfluN?p=preview

我有 3 个链接，第一个有 .active class。当您单击 2 和 3 时，数字 1 应该会丢失 .active class。现在，如果您单击 2 或 3，它们将正确更新，但是 1 上仍然有活动的 class :(

<ul>
  <li class="active"
      data-ng-class="{'active' : toggleObject == 1}"
      data-ng-click="toggleObject = 1">a click 1
  </li>
  <li data-ng-class="{'active' : toggleObject == 2}"
      data-ng-click="toggleObject = 2">a click 2
  </li>
  <li data-ng-class="{'active' : toggleObject == 3}"
      data-ng-click="toggleObject = 3">a click 3
    <br>
  </li>
</ul>

Answer 1

您需要从第一个 li 中删除 class，而是在控制器中将 toggleObject 设置为 1。

function HolaCtrl($scope){
  $scope.toggleObject = 1;
}

<li data-ng-class="{'active' : toggleObject == 1}" data-ng-click="toggleObject = 1">a click 1<br>
</li>
<li data-ng-class="{'active' : toggleObject == 2}" data-ng-click="toggleObject = 2">a click 2
<br>
</li>
<li data-ng-class="{'active' : toggleObject == 3}" data-ng-click="toggleObject = 3">a click 3
        <br>
</li>

如何使用 ng-class ng-click 删除 class？

How to remove class using ng-class ng-click?

javascript

angularjs

angularjs-ng-click

ng-class