基本想法是,我希望在子组件加载数据时显示“Loading”文本,加载完成后文本消失。但是父组件如何知道子组件何时完成数据加载呢?
我的父母长得是这样的:
<div *ngIf="isLoadingFlg">Loading...</div>
<router-outlet></router-outlet>
不知何故,我需要子组件能够设置父级的isLoadingFlg
。子组件如下所示:
ngOnInit() {
this.isLoadingFlg = true;
setTimeout(() => {
this.isLoadingFlg = false;
}, 1000);
}