使用 ng-repeat 重复多个元素

Posted 2023-03-06

【中文标题】使用 ng-repeat 重复多个元素

【英文标题】：Repeating multiple elements with ng-repeat

【发布时间】：2014-07-11 15:11:16

【问题描述】：

我需要一起重复 2 个divs，即我想做这样的事情：

<!-- some ng-repeat="item in items" goes here  -->
   <div>item.name</div>
   <div>item.id</div>
<!-- end of ng-repeat -->

这样它会生成一个 div 列表，例如

<div>name1</div>
<div>id1</div>
<div>name2</div>
<div>id2</div>

我无法将我的 divs 包装到附加元素中。 有没有可能用angularjs实现这个？

【问题讨论】：

AngularJS ng-repeat with no html element 的可能重复项

【参考方案1】：

使用ng-repeat-start 和ng-repeat-end：

<div ng-repeat-start="item in items">item.name</div>
<div ng-repeat-end>item.id</div>

请注意，这需要 AngularJS 1.2 或更高版本。