角材料表检测滚动

Question

我正在使用Angular Material Table，想检测用户何时滚动表格。为此，我正在使用cdkScrollable。

app-my-component：

<table mat-table cdkScrollable [dataSource]="dataSource">

constructor(private scrollDispatcher: ScrollDispatcher) {
    this.scrollDispatcher.scrolled().subscribe(x => console.log('I am scrolling'));
}

当app-my-component是根应用程序组件的一部分时，此方法很好用。

但是当app-my-component位于mat-tab内时，此功能将无效。

<mat-tab-group (selectedTabChange)="tabChanged($event)">
    <mat-tab>
      <ng-template mat-tab-label>
        <span>My Component</span>
      </ng-template>

      <app-my-component></app-my-component>
    </mat-tab>
</mat-tab-group>

app-my-component中表格的高度仅限于mat-tab的高度。因此，滚动条出现在mat-tab内部。

当app-my-component位于mat-tab内时，如何使它工作？