我听说在Angular中嵌套使用ng-repeats会严重影响性能,特别是当其中有大量带有Angular表达式的元素时。实际上,我在编写某些代码时遇到了这种情况。我尝试使用bindonce来提高性能,但效果不太好。我听说可以使用指令来提高性能,但虽然我以前写过指令,但我不知道如何使用指令来改善这种情况下的性能。这里是一个jsfiddle示例,演示了这个问题。
我意识到这是很多数据,而且我应该做一些分页处理,但我正在努力学习Angular和性能。如果不使用Angular,我可以呈现相同的数据,页面渲染速度会更快。
以下是嵌套的ng-repeats的样子:
我意识到这是很多数据,而且我应该做一些分页处理,但我正在努力学习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>
谢谢!