如何在循环 ng-repeat 时增加计数器变量?
How to increment a counter variable as you loop through an ng-repeat?
如果我有一个循环遍历 100 条记录的数组的 ng-repeat。假设我有 $scope.counter 并且我想通过 ng-repeat 每次迭代将该值增加 1。我怎样才能在 ng-repeat 中注入一个函数来增加计数器?
我需要计数器,这样我就可以将它用作进度条。 ng-repeat 需要一些时间才能完成,所以我基本上想在数据加载时以图形方式显示进度。
这看起来很简单明了,但我没有在网上看到任何东西。这让我相信我要么做错了什么,要么只是有更好的方法。
谢谢!
ngRepeat 在一个摘要周期内完成所有工作。
如果您的集合有 10 个元素,这 10 个元素将在一个周期内从模型处理到视图。如果您的集合有 100 个元素,这 100 个元素将在一个周期内从模型处理到视图。
ngRepeat 中没有允许您使用任何计数器系统的中间阶段。你的计数器会在一个摘要周期内简单地从 0 变为 10(或 100),基本上证明没有用。
您将不得不创建自己的系统来处理一个摘要周期中的每个元素,从而允许您使用计数器系统,但也创建了一个非常昂贵的指令,它会占用大量处理时间。
如果我有一个循环遍历 100 条记录的数组的 ng-repeat。假设我有 $scope.counter 并且我想通过 ng-repeat 每次迭代将该值增加 1。我怎样才能在 ng-repeat 中注入一个函数来增加计数器?
我需要计数器,这样我就可以将它用作进度条。 ng-repeat 需要一些时间才能完成,所以我基本上想在数据加载时以图形方式显示进度。
这看起来很简单明了,但我没有在网上看到任何东西。这让我相信我要么做错了什么,要么只是有更好的方法。
谢谢!
ngRepeat 在一个摘要周期内完成所有工作。
如果您的集合有 10 个元素,这 10 个元素将在一个周期内从模型处理到视图。如果您的集合有 100 个元素,这 100 个元素将在一个周期内从模型处理到视图。
ngRepeat 中没有允许您使用任何计数器系统的中间阶段。你的计数器会在一个摘要周期内简单地从 0 变为 10(或 100),基本上证明没有用。
您将不得不创建自己的系统来处理一个摘要周期中的每个元素,从而允许您使用计数器系统,但也创建了一个非常昂贵的指令,它会占用大量处理时间。