javascript - 如何在循环 ng-repeat 时增加计数器变量?

标签 javascript angularjs progress-bar angularjs-ng-repeat

如果我有一个 ng-repeat 循环遍历 100 条记录的数组。假设我有 $scope.counter 并且我想在 ng-repeat 的每次迭代中将该值增加 1。如何在 ng-repeat 中注入(inject)函数来增加计数器?

我需要计数器,这样我就可以将它用作进度条。 ng-repeat 需要一些时间才能完成,所以我本质上想在数据加载时以图形方式显示进度。

这看起来非常简单明了,但我在网上没有看到任何东西。这让我相信我要么做错了什么,要么有更好的方法来做到这一点。

谢谢!

最佳答案

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

如果您的集合有 10 个元素,则这 10 个元素将在一个周期内从模型处理到 View 。如果您的集合有 100 个元素,则这 100 个元素将在一个周期内从模型处理到 View 。

ngRepeat 中没有中间阶段允许您使用任何计数器系统。您的计数器只会在一个摘要周期内从 0 变为 10(或 100),这基本上证明没有任何用处。

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

关于javascript - 如何在循环 ng-repeat 时增加计数器变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41138549/

相关文章:

javascript - 如何在过滤时排除类隐藏行和 noprint 行

javascript - TypeScript - 导入外部 npm 模块会导致 tsc 的输出文件夹发生更改

jquery - AngularJS + jQuery Flot + 使用 http.get 从 Controller 加载数据

angularjs - AngularJS 中的模块和 namespace /名称冲突

android - React Native 垂直交付进度条

jquery-ui - 你将如何显示大于 100% 的进度条

javascript - 通过javascript为Twitter Bootstrap动态更改进度条的颜色

javascript - 如何在 Netsuite 'N/search Module' 中使用 for 循环获取第一组千条记录和下一组千条记录

javascript - 为什么这段 JavaScript 代码不能干净地退出?

javascript - Angular : How to update select option value when ng-click?