Angular 6中的几个元素HTML上的事件（滚动）

Question

在角度6的多个HTML元素中是否可能有多个事件（滚动）？

否则会有另一种方式来做我想在https://stackblitz.com/edit/angular-tbh6wk中提出的事情 （我使用事件（滚轮），但是当用户在垂直滚动条上移动时，事件不会触发。）

<div>
  <hello name="{{ name }}"></hello>
  <div *ngFor="let item of dates; index as i">
    <div (scroll)="onScroll($event, i)">
      <h2>Start editing to see some magic happen :)</h2>
      ....
    enter code here
    </div>
  </div>
</div>