angularjs ng-重複每個項目得到包裝父母的副本

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應該在外部元素而不是內部元素上。然而，它是有道理的，它應該在內部元素，需要重複