css - 以 Angular 应用多个CSS类

Question

我想在元素点击上应用多个类 .active 并根据某些条件应用另一个类。我怎样才能做到这两点？下面是我的代码，只有 MyAnotherClass 被应用。

<li ng-class="(item.name == currentState && 'active' && isItemValid(item) && 'myAnotherClass' )" ng-repeat="item in menuItems">
        <a ui-sref="{{item.name}}"  ng-click="selectedItem(item)">{{item.name}}</a> 
</li>

Answer 1

使用 ng-class，您可以使用逗号分隔列表来分隔类(及其各自的规则(表达式))。

这是一个例子:

<li ng-class="{'active': isActive && !isDeleted, 'myAnotherClass': isValidOtherClass}"></li>

此技术应该允许您完成动态应用类的任意组合。

Documentation for ng-class is here .