角度2 - 加载微调器

Question

我想使用材质表和材质微调器。

我不知道如何在微调器加载时显示表格，反之亦然。

Answer 1

做这样的事情：

loading: boolean;

getTable() {
  loading = true;
  // Once table is done:
  loading = false;
}

<div *ngIf="loading">
    <mat-spinner></mat-spinner>
</div>

<div *ngIf="!loading">
   table here...
</div>

或者您也可以将加载设置为true，以便微调器在页面加载时显示。虽然如果我是你，我会构建一个组件/服务，在你获取数据的任何时候自动执行此操作。除非这是您获取数据的唯一地方

Answer 2

你不需要这里的功能，只需添加到你的组件：

tableLoader = true;

在模板中添加以下内容：

<div [hidden]="tableLoader" (load)="this.tableLoader = false;">
    Table...
</div>