Angularjs指令性能 - 传递数组与传递单个对象

问题描述 投票:2回答:1

性能方面,将单个对象传递给指令是否更好

<div ng-repeat="user in users">
  <user-info user="user"></user-info>
</div>

// user-info directive
<div>
  <span>{{ user.username }}</span><br>
  <span>{{ user.email }}</span>
</div>

或者将整个数组传递给单个指令:

<user-list users="users"></user-list>

// user-list directive

<div ng-repeat="user in users">
  <span>{{ user.username }}</span><br>
  <span>{{ user.email }}</span>
</div>

我想第二个选项是一个更好的主意,因为不会为数组中的每个项调用指令的方法

感谢您的任何意见!

javascript angularjs
1个回答
2
投票

Definitely是后来的方式,因为每次迭代用户时都不需要render元素。

当你有更多的观察者(负责处理你的数据绑定)时,Angularjs开始出现性能问题。减少数据绑定的数量肯定会有所帮助。

© www.soinside.com 2019 - 2024. All rights reserved.