在等待子组件中的API时，Angular“正在加载”

// 父组件
import { Component } from '@angular/core';
import { ApiService } from 'your-api-service'; // 你的API服务

@Component({
  selector: 'app-parent',
  template: `
    <div *ngIf="isLoading">正在加载...</div>
    <app-child *ngIf="!isLoading"></app-child>
  `,
})
export class ParentComponent {
  isLoading: boolean = true;

  constructor(private apiService: ApiService) {
    this.apiService.getData().subscribe(
      (response) => {
        // 处理API响应
        this.isLoading = false;
      },
      (error) => {
        // 处理API错误
        this.isLoading = false;
      }
    );
  }
}

// 子组件
import { Component } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `子组件内容`,
})
export class ChildComponent {}