Javascript 如何在AngularJS中将类添加到元素中，并将其删除到其他同级元素中

我有一个

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>

---

行

$scope.isActive=false

根据需要删除该类，但我无法找到将该类添加到已单击的

中的方法活动属性应该引用每个项—将其视为枚举—而不是布尔值 工作示例：

var myapp=angular.module（'sampleapp'，[]）；
myapp.controller（'samplecontoller'，函数（$scope）{
$scope.showData=函数（）{
$scope.datalist=[
{“名称”：“了解角度”}，
{“名称”：“阅读关于淘汰赛的内容”}，
{“名称”：“了解主干”}，
{“name”：“了解jquery”}，
{“名称”：“了解javascript”}
]
}
$scope.select=功能（项）{
$scope.selected=项目；
};
$scope.isActive=功能（项）{
返回$scope.selected==项；
};
});

.paginationclass{
利润率：19px 28px；
}
.paginationclass分区{
光标：指针；
文字装饰：下划线；
}
.主动{
颜色：红色；
}

{{datalist.name}

这是一种有角度的方法

<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

的内容，以便以后不会遇到问题

您可以在ng类中添加多个条件

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

检查时这不是更重吗？@Akxe比什么更重吗？我从来都不明白，如果我已经在html上了，为什么要手动加载

li

s的内容呢？@Pablo你可以使用ng repeat，这样以后管理起来更容易，但导航之类的东西就不需要了……谢谢，我正在考虑如何实现它。从不新增您可以在ng类中添加多个条件

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