在Angular中,可以使用ngIf指令来在等待API响应时加载子组件。以下是一个解决方法的代码示例:
export class ParentComponent {
apiDataLoaded: boolean = false;
// 调用API的方法
loadDataFromApi() {
// 调用API,并在响应返回后将apiDataLoaded设置为true
// ...
}
}
export class ChildComponent implements OnInit {
ngOnInit() {
// 在API加载完成后执行的代码
// ...
}
}
使用以上方法,当apiDataLoaded为false时,子组件将不会被加载。当API响应返回后,将apiDataLoaded设置为true,子组件将被加载并执行相应的代码。这样可以确保子组件在API加载完成后再加载并执行相关逻辑。