javascript - 如何在 AngularJS 中将一个类添加到一个元素并从其他元素中移除

Question

我有一个 li 元素列表，它们是侧边栏。我正在寻找将类 active 添加到单击的类，并从其他类中删除该类的方法。

这是我的 html 代码:

...
<li ng-click="openNav($event)" ng-class="{'active': isActive }">
    ...
</li>
<li ng-click="openNav($event)" ng-class="{'active': isActive }">
    ...
</li>
<li ng-click="openNav($event)" ng-class="{'active': isActive }">
    ...
</li>

这是我 Controller 上的代码

Test.controller('NavController', function($scope, $http) {
    $scope.isActive = false;

    $scope.openNav = function($event) {
        //$scope.isActive = true;
    }
})

$scope.isActive = false; 行删除了我需要的类，但我找不到将类添加到点击的方法

Answer 1

这是 Angular 方式...

<li ng-click="openNav(active = 1)" ng-class="{'active': active == 1 }">
<li ng-click="openNav(active = 2)" ng-class="{'active': active == 2 }">
<li ng-click="openNav(active = 3)" ng-class="{'active': active == 3 }">

编辑:请注意，您应该将 active 替换为 active.nav 之类的内容，这样您以后就不会遇到问题。