Angularjs 如何在多个div元素上使用ng repeat？

我希望实现以下不符合书面要求的目标：

<div ng-repeat="product in products">{{product.headline}}</div>
<div>{{product.text}}</div>

---

我只会先看到所有的标题，然后是彼此下方的所有文本。如何在附加的div元素上再次引用产品？

Angular中有一个很好的功能，其中一些指令（如ng repeat）支持跨多个元素：

<div ng-repeat-start="product in products">{{product.headline}}</div>
<div ng-repeat-end>{{product.text}}</div>

您还可以创建支持此功能的自定义指令。以下是一段来自：

多元

当此属性设置为true时，HTML编译器将在具有指令名start和指令名end属性的节点之间收集DOM节点，并将它们作为指令元素分组。建议在非严格行为指令（如ngClick）上使用此功能，并且不操纵或替换子节点（如ngInclude）的指令上使用此功能

---

Angular中有一个漂亮的特性，其中一些指令（如ng repeat）支持跨越多个元素：

<div ng-repeat-start="product in products">{{product.headline}}</div>
<div ng-repeat-end>{{product.text}}</div>

您还可以创建支持此功能的自定义指令。以下是一段来自：

多元

当此属性设置为true时，HTML编译器将在具有指令名start和指令名end属性的节点之间收集DOM节点，并将它们作为指令元素分组。建议在非严格行为指令（如ngClick）上使用此功能，并且不操纵或替换子节点（如ngInclude）的指令上使用此功能

---

太棒了，太棒了，太棒了。