Как лучше всего биндить события на элементы массивов при выводе через ngFor в Angular 2+?

Question

[Андрей]

Сейчас биндинг производится так

<div *ngFor="let item of array">
   <div (click)="someFunc(item)">{{item.name}}</div>
</div>

или так

<div *ngFor="let item of array"  (click)="someFunc(item)">
   <div>{{item.name}}</div>
</div>

Проблема в том, что если у нас массив длинный, или если это массивы массивов, то получается довольно много слушателей (в моём случае несколько тысяч).
Можно ли как-нибудь оптимизировать это, повесив один клик на родителя (как это делается на чистом js)?

Answer 1

[Антон Швец]

Так ничего не мешает точно так же повесить (click)="onClick($event)" на родителя. В event.target будет нижний элемент.

Comments

[Андрей]

А связать этот элемент с объектом из scope можно?

[Антон Швец]

Андрей, что такое scope в Angular?

[Андрей]

Антон Швец, я имел ввиду, можно ли получить angular-обьект связанный с этим html-кодом?

[Антон Швец]

Андрей, напрямую не могу придумать сразу, но можно же применить немного фантазии и все получится
https://stackblitz.com/edit/angular-xeljsv