当前位置 : 主页 > 网络安全 > 测试自动化 >

嵌套的ng-repeat性能

来源:互联网 收集:自由互联 发布时间:2021-06-22
我听说有嵌套的ng-repeats会严重影响角度的性能,如果它导致大量的元素带有角度表达式.我实际上遇到了一些我想写的代码.我尝试使用 bindonce来改善性能,但它没有多大帮助.我听说你可以
我听说有嵌套的ng-repeats会严重影响角度的性能,如果它导致大量的元素带有角度表达式.我实际上遇到了一些我想写的代码.我尝试使用 bindonce来改善性能,但它没有多大帮助.我听说你可以使用一个指令来帮助提高性能,但是在我之前编写指令时,我不确定如何使用指令来改善这样的性能. Here is a jsfiddle展示了这个问题.

我意识到这是很多数据,而且我应该做一些分页,但我正在尝试更多地了解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>

谢谢!

尝试使用track这将确保dom节点不被破坏和重新创建!以下是Ben Nadel关于此主题的精彩文章:

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

网友评论