Angularjs的ng-repeat用parent的副本包装每个项

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应该在外部元素上而不是内部元素上。但是，它应该位于需要重复的内部元素