如何使用 CdkScrollable 检测角度材料 2 自动完成列表上的滚动事件

Question

我试图用cdkScrollable听ScrollEvent的mat-autocomplete。

我已经实现了如下代码片段。

<mat-form-field>
  <input matInput placeholder="Notebook Page" formControlName="notebookPage" [matAutocomplete]="NBPageAutocomplete" >
</mat-form-field>
<mat-autocomplete  #NBPageAutocomplete="matAutocomplete" cdkScrollable >
  <mat-option  *ngFor="let option of suggestedNBPageNames" [value]="option">
                {{ option }}
  </mat-option>
</mat-autocomplete>

constructor(public scroll: ScrollDispatcher) {}
ngAfterViewInit() {
    this.scroll.scrolled().subscribe((data: CdkScrollable) => {
       console.log(data);
      //make an HTTP call when it reaches to the end, to add some more data
    });
  }

订阅后事件未触发this.scroll.scrolled()。

这几天我一直在关注这个问题，网上没有找到任何相关信息。

请帮我。

Answer 1

我想你可能会在这里找到答案：Angular virtual scroll:append new itemswhenreachedendofscroll

听起来这正是您正在寻找的行为，但您可能需要调整它，具体取决于您使用的角度版本