在使用ngif else更改内容时显示加载

Question

我在页面中有一张席子桌子。我正在使用ngIf else来显示表格

如果show === 1，那么它应该显示该表，否则显示其他内容。 现在在其他内容中，我有一个后退按钮，单击该按钮应显示该表。它显示的是单击表，但该表需要花费一些时间来加载。同时，我想显示一个加载图标，以便用户理解等待。

dataSource: MatTableDataSource<Company>;

  private paginator: MatPaginator;
  private sort: MatSort;

  @ViewChild(MatSort) set matSort(ms: MatSort) {
    this.sort = ms;
    this.setDataSourceAttributes();
  }

  @ViewChild(MatPaginator) set matPaginator(mp: MatPaginator) {
    this.paginator = mp;
    this.setDataSourceAttributes();
  }
 constructor(private http: HttpClient, private router: Router) {
  this.dataSource = new MatTableDataSource(company);

    this.getTableData();
}
  setDataSourceAttributes() {
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
  }
      changeContent(type) {
         this.type = type;
         console.log(this.type);  // console logs the type as 1 if clicked on button
      };

    ngOnInit(){
        this.getTableData();
    }

component.ts

{{1}}

我不确定为什么用户单击“后退”按钮时需要花费很长时间来加载表。页面第一次打开并不需要很长时间。我需要在垫子桌子上进行任何更改或在等待时显示加载图标吗？如果我要加载图标，该如何实现？