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

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函数返回布尔值，而getStatusClass返回css类名。

有没有办法在angular中做到这一点?

Answer 1

可以使用class属性和ngClass指令的组合

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