Question

我一直只使用angularjs一天，所以警告这可能是一个愚蠢的问题！

如果我使用以下内容，我有一组显示正常的div：

<div class="numbers">
    <div ng-class="classes[0]">0</div>
    <div ng-class="classes[1]">1</div>
    <div ng-class="classes[2]">2</div>
    <div ng-class="classes[3]">3</div>
    <div ng-class="classes[4]">4</div>
    <div ng-class="classes[5]">5</div>
</div>

..但我认为使用循环会更好，所以我尝试了：

<div class="numbers" ng-repeat="class in classes">
    <div ng-class="class">{{$index}}</div>
</div>

问题在于，当使用ng-repeat时，每个重复的项目似乎都被其父div包裹，这迫使宽度过宽并停止向左浮动的每个数字。

这里是jsfiddle： http://jsfiddle.net/alanbeech/BLBJq/19/

Answer 1

将ng-repeat指令放在内部div标签

上

<div class="numbers" >
    <div ng-repeat="class in classes" ng-class="class">{{$index}}</div>
</div>

更新了小提琴http://jsfiddle.net/vittore/BLBJq/21/

Answer 2

谢谢这对我有帮助。出于某种原因，我认为ng-repeat应该是在外部元素而不是内部元素上。但是，它应该在需要重复的内部元素中是有意义的

angularjs ng-repeat每个项目都包含父项副本

2 个答案: