如何将{{$ index}}插入到ng-class指令中？

Question

我有一个循环遍历列表的指令，并在div元素上添加类，如下所示：

<div ng-class="{'has-error' : error.degreeYear_{{$index}}} />

当我检查元素时，源代码显示索引被正确替换

<div ng-class="{'has-error' : error.degreeYear_5} />

但是，它给出了一个错误，点击它后，angularJS网站显示：

Error: $parse:syntax
Syntax Error
Syntax Error: Token '{' is an unexpected token at column 18 of the expression [error.degreeYear_{{] starting at [{4}].].

我假设$index周围的角括号是罪魁祸首，因为整个ng-class表达式必须已经用尖括号括起来。我该怎么办呢？

Answer 1

像这样：

<div ng-class="{'has-error' : error.degreeYear_ + $index} />

由于ng-class已经是表达式，因此不需要双括号。

Answer 2

<div ng-class="{'has-error' : error.degreeYear_$index} />

ng-class已经是角度的一部分所以需要用双括号覆盖它。