angular - 角料表检测滚动

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 内。

我怎样才能让它在app-my-component里面工作mat-tab？