<mat-spinner *ngIf="loading === true"
class="tableLoading"></mat-spinner>
<div *ngIf="loading === false">
...
</div>
因此,由于某些原因,与没有条件相比,微调工具需要的时间大约是没有条件的5-8倍,但从我的.ts中的文件中读取数据需要相同的时间.
tableDataSource: MatTableDataSource<randomInterface> = new MatTableDataSource<randomInterface>();
loading: boolean = true;
constructor(private http: HttpClient) {}
ngOnInit() {
this.http.get('assets/abc.json').subscribe((res) => {
this.tableDataSource = new MatTableDataSource<randomInterface>(res as randomInterface[]);
this.loading = false;
})
}
由于数据是一个3MB~.json文件,我可以理解为什么它需要8秒~来加载,并且没有html中的*ngIf
它正常完成,但是当我将加载器返回到*ngIf
时,突然旋转控件停留在那里45秒+?我完全搞不懂为什么会发生这种事.