私が検出する方法を見つけ出すことはできません

Question

マットsidenav・コンテナ内のスクロールイベントを検出する方法際の角度素材でマットsidenavコンテナにスクロール2.

私は私のコンポーネントのメソッドを呼び出すしたいと思いますユーザーがスクロールするとき。しかし、sidenavコンテナを使用すると、スクロールイベントはもはやウィンドウで起動されません。

代わりに<mat-sidenav-content cdkscrollable></mat-sidenav-content>という要素が追加され、スクロールバーが追加されます。 (scroll)="myMethod()"イベントリスナーを直接アクセスすることができない場合、このコンポーネントでスクロールが発生したときに、これを検出する方法を教えてください。

アイデア？

Answer 1

あなたのCSSファイルを表示できますか？ 私も同じ問題を経験しましたが、以下のCSSがmat-sidenav-containerに適用されています。

height: 100vh; 

Answer 2

例2 "Sidenav with a FAB"を使用する必要があります。

のdivでスクロール可能なコンテンツ包んでください：

<mat-sidenav-container class="example-sidenav-fab-container"> 
    <mat-sidenav #sidenav mode="side" opened="true"> 
    ... 
    </mat-sidenav> 
    <div class="example-scrolling-content" (scroll)="handleScroll($event)"> 
    ... content ... 
    </div> 
</mat-sidenav-container> 

を、これはあなたのCSSのようになります。

.example-scrolling-content { 
    overflow: auto; 
    height: 100%; 
} 

Answer 3

むしろ角度を自動的にタグを挿入させるよりも、あなたのHTMLにside-nav-contentタグが含まれます。その後、リスナーを追加することができます。

<mat-sidenav-container> 
    <mat-sidenav> 
    </mat-sidenav> 
    <mat-sidenav-content (scroll)="myScrollHandler($event)"> 
    </mat-sidenav-content> 
</mat-sidenav-container>