【问题标题】:Is any alternatives of ng-repeat in Angular.?Angular中有没有ng-repeat的替代品。?
【发布时间】:2017-01-10 20:18:16
【问题描述】:

我正在使用 Angular.js 开发一个网络应用程序。我需要在很多地方处理大量数据。 ng-repeat 处理数据花费了太多时间我的数组中有数千个数据,处理数据非常耗时。如果有更好的方法代替 ng-repeat ,请帮助我?请帮我。

【问题讨论】:

  • 向我们展示您正在做的事情的样本会很有帮助。有一些技巧,例如一次性绑定,可以让ng-repeat 更高效。

标签: javascript angularjs angularjs-directive angularjs-ng-repeat ng-repeat


【解决方案1】:

一些选项(可以组合):

  1. 预处理数据并仅在最终结果上使用ng-repeat - 即,一旦您完成了您需要的所有操作并且您拥有一个简单的数据数组(例如,避免在循环中使用 ng-if 和其他逻辑)李>
  2. 根据上下文和视图需要使用分页/无限滚动
  3. 如果上述方法均无帮助,请破例以提高性能并摆脱 Angular 世界:
    • 您可以使用更快的 DOM 操作 - 例如直接使用 DOM API
    • 或者您可以在服务器端生成部分页面并将 SPA(角度)与生成的结果结合起来

当然这一切都取决于上下文,你提到的用例非常通用。

【讨论】:

  • 感谢您的回复。我使用了分页,但它没有按我的意愿工作。那么您能否解释一下,如何直接使用 DOM API?我在控制器中获得 API 响应并将其设置在 $scope.list = [] 中;并在 HTML 页面上进行迭代。
  • 再加上避免track by $index并使用一次性绑定。
猜你喜欢
  • 2017-02-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-28
  • 2011-04-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多