嵌套 ng-repeat 性能

我听说嵌套 ng-repeats 会严重影响 Angular 的性能，如果它会导致大量带有 Angular 表达式的元素。我实际上已经遇到过这种情况，我正在尝试编写一些代码。我尝试使用bindonce https://github.com/Pasvaz/bindonce提高性能，但并没有多大帮助。我听说您可以使用指令来帮助提高性能，但是虽然我以前编写过指令，但我不确定如何使用指令来提高此类性能。这是一个jsfiddle http://jsfiddle.net/jmcooper/8vPWb/演示问题。

我意识到这是大量的数据，实际上，我应该进行某种分页，但我正在尝试了解有关 Angular 和性能的更多信息。我可以在没有 Angular 的情况下渲染相同的数据，并且页面渲染速度要快得多。

这是嵌套的 ng-repeats 的样子：

<div ng-app="app" ng-controller="myController">
<div ng-repeat="module in modules">
    {{module.title}}
    <div ng-repeat="clip in module.clips">
        {{clip.title}}<br/>
        <a ng-repeat="transcript in clip.transcripts" href="transcript.href">{{transcript.text}}</a><br/>
    </div>
</div>

Thanks!

尝试使用 track 这将确保 dom 节点不会被破坏和重新创建！这是 Ben Nadel 关于这个主题的精彩文章：

http://www.bennadel.com/blog/2556-using-track-by-with-ngrepeat-in-angularjs-1-2.htm http://www.bennadel.com/blog/2556-using-track-by-with-ngrepeat-in-angularjs-1-2.htm