如何循环遍历ng-repeat时递增计数器变量？

Question

如果我有一个ng-repeat循环遍历100个记录的数组。让我们说我有$ scope.counter，我希望通过ng-repeat每次迭代将该值递增1。如何通过ng-repeat注​​入一个函数来递增计数器？

我需要计数器，所以我可以将它用于进度条。 ng-repeat需要一些时间才能完成，因此我基本上希望以图形方式显示数据加载时的进度。

这看起来很简单明了，但我还没有在网上看到任何东西。这让我相信我做错了什么，或者只是一种更好的做法。

谢谢！

Answer 1

ngRepeat在一个摘要周期内完成所有工作。

如果您的集合有10个元素，那么这10个元素将在一个周期内从模型处理。如果您的集合包含100个元素，那么这100个元素将在一个周期内从模型处理到视图。

ngRepeat中没有允许您使用任何计数器系统的中间阶段。你的计数器只会在一个消化周期中从0到10（或100），基本上没有用。

您必须创建自己的系统，在一个摘要周期中处理每个元素，允许您使用计数器系统，但也会创建一个非常昂贵的指令，这会花费大量的处理时间。