javascript - 有没有办法将使用条件表达式的 ng-class 与使用字符串语法的 ng-class 混合在一起？

Question

我想根据 ngRepeat 的索引应用一个类，因此在 ngRepeat 中我也有 ng-init="myIndex = $index"。在这种情况下，我可以使用 ng-class='"color-"+ myIndex' 来应用类 color-0、color-1、color-2 等。

此外，如果选择了该元素，则应应用不同的类，因此我将采用:

ng-class="{'selected': element.selected}"

两个 ngClass 单独工作都很好，但我找不到在同一个 ngClass 中使用它们的方法。

我以多种不同的方式尝试了类似 ng-class="'color-' + myIndex, {'selected': element.selected}" 的方法，但总是遇到相同的错误:

Error: [$parse:syntax] Syntax Error: Token ',' is an unexpected token at column 19 of the expression ['color-' + myIndex, {'selected': element.selected}] starting at [, {'selected': element.selected}].

Answer 1

使用列表表示法:

ng-class="['color-' + myIndex, element.selected ? 'selected' : '']"

或者:

ng-class="['color-' + myIndex, {true: 'selected'}[element.selected]]"

使用对象表示法:

ng-class="{selected: element.selected, {{ 'color-' + myIndex }}: true}"

或者:

ng-class="{selected: element.selected}" class="{{ 'color-' + myIndex }}"

注意:不推荐使用最后一个方法，因为它会阻止添加 AngularJS 类(例如 ng-scope..)。