0

我只使用了 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/

4

2 回答 2

3

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

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

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

于 2013-05-12T06:25:59.447 回答
0

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

于 2013-10-13T16:20:33.567 回答