在父组件的ngOnInit()方法中,设置一个布尔型的变量isDataAvailable,它的初始值为false,表示数据未准备好。当数据准备好后,将其设置为true。在子组件中,使用ngIf指令将子组件包裹在一个div中,并将条件设置为isDataAvailable。这将在数据准备好之前阻止子组件的渲染。示例代码如下:
父组件:
export class ParentComponent implements OnInit {
data: any;
isDataAvailable = false;
ngOnInit() {
this.getDataFromServer().subscribe(res => {
this.data = res;
this.isDataAvailable = true;
});
}
}
模板:
子组件:
export class ChildComponent implements OnInit {
@Input() data: any;
constructor() { }
ngOnInit(): void {
console.log(this.data);
}
}