Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – Angular JS ng-repeat消耗更多的浏览器内存大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
<table>
 <thead><td>Id</td><td>Name</td><td>ratings</td></thead>
 <tbody>
   <tr ng-repeat="user in users">
    <td>{{user.iD}}</td>
    <td>{{user.namE}}</td>
    <td><div ng-repeat="item in items">{{item.rating}}</div></td>
   </tr>
 </tbody>
</table>

users是一个只有id和name的用户对象数组.数组中的用户对象数 – 150

items是一个只有id和rating的项目对象数组.数组中的项目对象数 – 150

当我在浏览器中渲染它时,当我在我的chrome-v23.0.1271.95中尝试分析时,它需要大约250MB的堆内存.

我正在使用AngularJS v1.0.3.

有角度的问题还是我在这里做错了什么?

这是JS小提琴

http://jsfiddle.net/JSWorld/WqSGR/5/

好吧,这不是ng-repeat本身.我认为你正在使用{{item.rating}}添加绑定.

所有这些绑定都在范围内注册,因此:

> 150 * 2 = 300(对于2个用户的信息)
> 150 * 150 = 22500(评级信息)
> 22800个手表功能共22800个dom元素.

这会将内存推到250MB的可想象值

Databinding in angularjs

大佬总结

以上是大佬教程为你收集整理的angularjs – Angular JS ng-repeat消耗更多的浏览器内存全部内容,希望文章能够帮你解决angularjs – Angular JS ng-repeat消耗更多的浏览器内存所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。