Question

我想基于控制器中的函数评估在li元素上添加两个类。

我正在尝试这个，但它无法正常工作

<li ng-repeat="p in projects"
    ng-attr-id="{{p.id}}"
    ng-click="selectProject(p)"
    ng-class="{active:isSelected(p.id), getStatusClass(p.status)}"
    class="list-group-item">
        <span>[[p.name]]<span>
</li>

isSelected函数返回boolean值，而getStatusClass返回css类的名称。

有没有办法以棱角分明的方式做到这一点？

Answer 1

您可以使用class属性和ngClass指令

的组合

<li class="{{ getStatusClass(p.status) }}" ng-class="{ 'active' : isSelected(p.id) }" ></li>

基于函数求值的Angular ng-class类

1 个答案: