Javascript 如何使用AngularJS ng repeat来重复此结构

如何使用AngularJS ng repeat来重复此结构

<div class=black></div>
<div class=white></div>
<div class=black></div>
<div class=white></div>

…等（不使用标签包装）

输出：

<div ng-repeat="color in ['black','white']" class="black"></div>
<div ng-repeat="color in ['black','white']" class="white"></div>

<div ng-repeat="color in ['black','white']" ng-class="color" class="ng-scope black"></div>
<div ng-repeat="color in ['black','white']" ng-class="color" class="ng-scope white"></div>

或者（更详细）：

输出：

<div ng-repeat="color in ['black','white']" class="black"></div>
<div ng-repeat="color in ['black','white']" class="white"></div>

<div ng-repeat="color in ['black','white']" ng-class="color" class="ng-scope black"></div>
<div ng-repeat="color in ['black','white']" ng-class="color" class="ng-scope white"></div>

---

在控制器中定义颜色列表：

$scope.colors = ['black', 'white', 'black', 'white', 'black', 'white', ...];

Html:

---

请参阅。

如果您在一组项目上进行迭代，并且需要交替的黑白背景，那么您可以这样做：

<div ng-repeat="item in items" ng-class-odd="'black'" ng-class-even="'white'">
</div>

---

谢谢。也许你也知道我该如何重复这个结构#32;@保罗，你想重复几次？如果是固定次数，那么只需重复数组中的“'black'，'white'”，正如asgoth在回答中所示。对不起。。。我的内联块元素有问题。当你在那里时，我的下元素崩溃了，因为它们之间没有间隙或'/n'。我需要重复这些元素，这样它们之间就会有一个间隙或“/n”。在下划线模板中，我只写了“print（'\n'）”…@Paul，我不认为有一种方法可以用ng repeat实现这一点。您可能必须在div上使用CSS样式。

<div ng-repeat="item in items" ng-class-odd="'black'" ng-class-even="'white'">
</div>