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

Question

从性能 Angular 来看，将单个对象传递给这样的指令是否更好

<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>

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

感谢您的任何意见!

Answer 1

绝对是后者，因为它不必在每次迭代时渲染元素超过用户。

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