javascript - 多步 Angular ng-repeat 以提高性能

Question

我阅读了很多关于如何提高 ngRepeat 性能的建议但我仍然不明白如何实现我的目标。我有这个模板:

<ul>
   <li ng-repeat="item in items">
     {{item.title}}
     <ul>
        <li ng-repeat="child in item.children">
          <a href="{{child.link}}">{{child.name}}</a>
          <some other heavy element that takes time to render>
        </li>
     </ul>
   </li>
 </ul>

我想要完成的是一个快速的初始重复，它只显示 child.name然后是一个单独的非阻塞操作(指令、网络 worker 、延迟魔法等等)来处理重元素的渲染。通过这种方式，GUI 仍然很活泼，<a>元素可以立即点击；同时，在后台，其他内容会加载到 DOM 中。

这可能吗？

Answer 1

您可以为此使用指令。该指令可以执行异步工作(如果可以的话，甚至可以使用 worker)来延迟其内容的显示。

但是如果您必须一次在 DOM 中插入 100000 个 html 标签，您将始终卡住。这不是 Angular 问题。浏览器无法处理。