javascript - 渲染表行而不绑定(bind)性能

Question

我正在使用 Angular 1.4。众所周知，在为表格等内容渲染大量行时，ng-repeat 可能会出现一些性能问题。但我想知道是否有一种最佳方法可以使用 ng-repeat 或某种替代迭代来简单地渲染表格中的数据数组。

我不需要任何绑定(bind)，因为它只是输出报告的数据。我尝试过一些建议，例如一次性绑定(bind)，但仍然需要大量时间(1000 条记录左右需要 10 秒或更多)。我尝试过的其他非 Angular 方法是在后端预渲染 HTML，然后返回 HTML 而不是数据数组。我有一个自定义指令，只是将该 HTML 添加到元素中。即使是 2000 行，这个时间也不到一秒(显然因为我没有使用 Angular)。

但如果我能在 Angular 中完成同样的事情，甚至在 Angular 端的 Controller 中做类似的事情，那就太好了。任何意见将不胜感激。

Answer 1

您可以为此使用单向绑定(bind):

<ul ng-repeat="item in ::items">
  <li>{{ ::item.name }}</li>
</ul>

请注意，您必须将 :: 语法添加到转发器中的每个条目。

我不确定你的逻辑有多复杂，但是 10 秒 1000 行听起来很荒谬。