在angularjs ng-repeat中使用$ index生成css类

Question

我想在ng-repeat中使用$ index生成css类，这样我就可以对每个dom项目进行个体控制。

像这样：

做我需要使用项目_ {$指数}，项目_ {{$指数}}一直试图很多不同的方法，并用Google搜索了一会儿这个问题，但没有答案

我也注意到角似乎不喜欢在ng类的类名中用下划线（_）或破折号（ - ）。删除它们可以使条件生效。这也可能是我在ng-repeat中生成类的问题吗？

感谢

Answer 1

没有你的实际代码，这是一个有点难以弄清楚什么是错的，但我相信，以下是正确的

item_{{ $index }}

我不认为角真正关心下划线和破折号，所以它也可能是你有另一个模板渲染器在这里冲突（例如，如果你使用Flask，那么它可能是jinja2干扰你的角度）。

这就是说，感觉就像没有为每个$索引定义单独的CSS类一样。相反，你应该定义你想要的实际样式类，然后用ng-class来使用它们。

因此，例如如果你有几个CSS类（假设你想做一个网格）：item-foo，item-bar。在这种情况下，如果你想要的项目，富，你可以这样做：

<div ng-class="{item-foo: someVariable}">...</div> 

同样，项目吧：

<div ng-class="{item-bar: !someVariable}">...</div> 

不知道如果这是你想做的事，但只是一个建议。查看更多关于ngClass。

Answer 2

class="item_{{$index}}" (its useable together with ng-class) 

http://jsfiddle.net/59v07vqj/

这不是错误，我使用类不纳克级为这种情况下或更好地利用

id="item_{{$index}}" 

（也可能是纳克级=“['ITEM_ '+ $ index]“）