针对许多项目和领域优化AngularJS ng-repeat

时间:2014-02-10 21:48:15

标签: javascript angularjs optimization checkbox angularjs-ng-repeat

最近我不得不创建一个界面,这个界面需要显示许多复选框字段并与之交互(这里是指向此类列表的一小部分的屏幕抓取的链接http://i.imgur.com/hMtGSL4.png)。

我的问题是AngularJS会很快变得不合理地慢。我的问题是可以采取哪些步骤来优化ng-repeat和显示包含多个字段的项目?

我尝试过不同程度的改进(基于我可以提出的和其他stackoverflow帖子):

  • 在数据到达视图之前格式化数据,以便不使用任何AngularJS过滤/排序。
  • 尽可能简化数据(复选框字段为布尔数组等)
  • 将数据拆分为多个组,单击这些组时会加载相关项(因此图中的灰色条)。这更像是一个实用的解决方案,而不是直接的AngularJS优化。
  • 延迟加载滚动,滚动到屏幕底部会在折叠下方加载更多项目(此外,更多是实用的解决方案)。
  • 使用指令动态生成表单,然后使用jquery在操作后保存数据。如果没有$ watch on items它肯定会更有效率,但在很大程度上打败了使用AngularJS的好处。

谢谢,希望这个问题及其答案可以作为AngularJS在这种情况下可以使用的特定技术的良好资源。

0 个答案:

没有答案