如何从ng-repeat所在的同一元素上的另一个指令访问ng-repeat的范围？

Question

我希望能够在ng-repeat指令所在的同一元素的另一个指令中从ng-repeat范围访问属性。例如，我想在以下示例中访问child.class属性：

<div ng-class="{{ child.class }}" ng-repeat="child in parent.children">
    {{ child.name }}
</div>

Here is a JSFiddle表明这不起作用。

如果无法做到这一点，那么在具有class的元素上设置ng-repeat的下一个最佳方法是什么？有没有办法在控制器中ng-repeat？

Answer 1

ng-class接受表达式并对其进行评估。如果您将其更改为：

ng-class="child.class"

然后它的作品！这是working JSFiddle。

另外，你可以提出类似的内容：

ng-class="{'blue': true, 'red': false}"

true或false可以是其他变量或函数，但它只会添加值为true的类！

ng-class documentation