Angularjs 如何在ng类中使用If-Else条件

我正在使用angularJS创建菜单。我需要在单击时添加或删除类

我的代码如下所示

<a href="#" ng-click="active='home'">&nbsp;<i class="fa fa-home {active === 'home' ? 'fa-spin': ''}" ></i> Home </a>

---

我需要根据活动值添加和删除类（fa自旋）。但是上面的代码不起作用。

以下是正确的语法：

<a href="#" ng-click="active='home'">&nbsp;<i class="fa fa-home" ng-class="{'fa-spin':active=='home'}"></i> Home </a>

建议

---

最好使用UI路由器，而不是手动制作菜单。UI路由器具有类似于

UI sref active

的指令，它将自动将

active

类添加到活动菜单中，并从其余菜单项中删除以下是正确的语法：

<a href="#" ng-click="active='home'">&nbsp;<i class="fa fa-home" ng-class="{'fa-spin':active=='home'}"></i> Home </a>

建议

最好使用UI路由器，而不是手动制作菜单。UI路由器具有类似于

UI sref active

的指令，它将自动将

active

类添加到活动菜单中，并从其余菜单项中删除使用ngClass（请参阅文档：）

ng class指令的一般语法如下所示：

ng-class="{'class1': condition, 'class2':condition, ...'classn':condition}"

因此，您的代码应该如下所示：

<a href="#" ng-click="active='home'">&nbsp;<i class="fa fa-home" ng-class="{'fa-spin': active === 'home'}" ></i> Home </a>

使用ngClass（参见文档：）

ng class指令的一般语法如下所示：

ng-class="{'class1': condition, 'class2':condition, ...'classn':condition}"

因此，您的代码应该如下所示：

<a href="#" ng-click="active='home'">&nbsp;<i class="fa fa-home" ng-class="{'fa-spin': active === 'home'}" ></i> Home </a>

试试这个：

  [ngClass]= "[active == 'home' ? 'fa-spin' : '']"

试试这个：

  [ngClass]= "[active == 'home' ? 'fa-spin' : '']"

---

虽然这个代码片段是受欢迎的，可能会提供一些帮助，但它将是如何解决这个问题的。如果没有这些，你的答案就没有什么教育价值——记住，你是在将来为读者回答这个问题，而不仅仅是现在提问的人！请在您的答案中添加解释，并说明适用的限制和假设。虽然欢迎使用此代码片段，并可能提供一些帮助，但它将说明如何解决此问题。如果没有这些，你的答案就没有什么教育价值——记住，你是在将来为读者回答这个问题，而不仅仅是现在提问的人！请在回答中添加解释，并说明适用的限制和假设。