Angular:委托模式.在ngFor中优化处理程序的方法

Question

例如:我需要输出一个列表.每个项目都有一个(click)处理程序,项目对象就像参数一样.

<ul>
    <li *ngFor="let item of myList">
          <button (click)="clickHandler(item)"></button>       
    </li>
</ul>

此列表将经常动态更新:我将在Scroll上加载新项目,或通过搜索过滤列表.

对于每个项目,Angular都会添加一个事件监听器!

题:

它可能是列表中的很多项,因此很多eventListeners将一直连接和断开连接.

有没有办法应用委托模式只有一个eventListener实时？

Answer 1

您在这里无需担心。新的 Angular 更改检测将为您照顾性能，并且每个项目都不应该有一个活跃的侦听器。这是一种常见模式，不应影响性能。