Question

我需要使用Angular.js添加多个条件ng-class。我在下面解释我的代码。

<li ng-class="{'active':($root.stateName==='app.settings')}"><a ui-sref="app.settings">Settings</a></li>

在这里，我需要添加另外两个条件i.e-$root.stateName==='app.settings.area' and $root.stateName==='app.settings.area.manageState'以及具有OR条件的现有条件。

Answer 1

在计算表达式中使用OR运算符||：

<li ng-class="{'active':($root.stateName==='app.settings' || $root.stateName==='app.settings.area.manageState' )}">
    <a ui-sref="app.settings">Settings</a>
</li>

Answer 2

我认为这也有效

<li ng-class="{'active':($root.stateName==='app.settings' , $root.stateName==='app.settings.area.manageState'  } ">
             <a ui-sref="app.settings">Settings</a>  
              </li>

Answer 3

尝试

`<li ng-class="{'active':($root.stateName==='app.settings' || $root.stateName==='app.settings.area' || $root.stateName==='app.settings.area.manageState' || $root.stateName==='app.settings.area.manageCity' || $root.stateName==='app.settings.vechile' || || $root.stateName==='app.settings.vechile.category' || $root.stateName==='app.settings.vechile.manufacture' || $root.stateName==='app.settings.vechile.model')}">
    <a ui-sref="app.settings.area.manageState">Settings</a>
</li>`

Answer 4

这是帮助理解使用条件ng-class

的所有可能方法的博客之一

https://scotch.io/tutorials/the-many-ways-to-use-ngclass

如何使用Angular.js在ng-class中添加多个条件

4 个答案: