在Angular (输入)中将异步数据从父项传递到子项

import { Observable } from 'rxjs';

// 在父组件中定义异步数据
asyncData: Observable<any>;

ngOnInit() {
  // 订阅异步数据
  this.asyncData = this.getData();
}

getData(): Observable<any> {
  // 通过某种方式获取异步数据
  // 例如，使用HttpClient从API获取数据
  return this.http.get('api/data');
}

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <div>{{ asyncData }}</div>
  `,
})
export class ChildComponent {
  @Input() asyncData: any;
}

<app-child [asyncData]="asyncData | async"></app-child>