Производительность директив Angularjs - передача массива против передачи отдельных объектов

Question

С точки зрения производительности, лучше ли передавать отдельные объекты в директиву, такую ​​как

<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

Definitely это более поздний способ, потому что он не должен render элемент каждый раз, когда вы перебираете пользователей.

Angularjs начинаетпроблемы с производительностью, когда у вас есть больше наблюдателей (которые отвечают за обработку привязки данных).Сокращение количества привязок данных определенно поможет.