Angularjs:ng-repeat，在 ng-repeat 中放置一个“分隔符”来分隔最近加载的数据

Question

当页面加载时，用户会看到一组产品，然后如果他/她点击一个按钮，就会获取更多产品并将其附加到列表中。我试图找到一种 Angular 方式来放置一行以将已经加载的产品与最近附加的产品分开。我不想直接操作 DOM 并且我不能将空行推送到产品数组，因为数组的长度在其他地方使用。

我怎么能这样做？

Here is a basic Bin

Answer 1

我认为你需要在另一个 $scope (array) 属性中自己跟踪这个。在 ng-repeat 循环中，检查 $index 是否在此数组中。如果是这样，请添加/显示

---

。

<... ng-repeat="...">
   <span ng-show="showHr($index)"><hr></span>
   ...
</...>

当您想显示

---

时，函数 showHr() 应返回 true。

您也可以使用 ng-switch 而不是 ng-show。