angular - 如何实现对角材料垫扩展面板的延迟加载？在 mat-accordion 中加载扩展面板的数量时

Question

我需要实现延迟渲染mat-expansion-panel，而不是实现matExpansionPanelContent 我有数千条记录并且我在其中显示它mat-expansion-panel，我需要mat-expansion-panel首先使用延迟渲染加载我需要在向下滚动时加载一些记录集，例如 15它应该呈现下一组记录。

问题是加载 1000 条 od 记录需要超过 1 分钟

我有一个 ngfor，它可以拥有超过 1000 条记录。

<mat-accordion>
<mat-expansion-panel *ngFor="something">
  <mat-expansion-panel-header>
    This is the expansion title
  </mat-expansion-panel-header>

  <ng-template matExpansionPanelContent>
    Some deferred content
  </ng-template>
</mat-expansion-panel>
</mat-accordion>

实际结果应该加载一组，mat-expansion-panel并且在滚动时它应该呈现下一组mat-expansion-panel

标签： angularangular-materiallazy-loadingaccordionangular-material-7