スクロール可能なdiv内のdivでスクロールイベントが発生しない

Question

div内にdivがあり、div内にdivよりも小さいdivがあります。

最初のコンテンツは、スクロールイベント

<div style="overflow:auto;height:200px"> 
    <div (scroll)="scrollHandler($event)">Hello {{name}}</div> 

.... Other content elements. 

を持っていますが、このスクロールイベントが機能していません。 ウィンドウ上ではなく、要素上でスクロールイベントをトリガーしたいという点に注意してください。

私はここに

https://plnkr.co/edit/Ib0fxBIb7syGdEtQ1Rz4

Answer 1

スクロールイベントハンドラは、外側のdiv、スクロールバーを持つものにする必要がありplunkrを持っている：あなたはthis modified plunkerをテストすることができ

<div style="overflow:auto; height:200px" (scroll)="scrollHandler($event)"> 
    <div>Hello {{name}}</div> 
    ... 
</div> 

（チェックコンソール、アラートコールを削除しました）。