Angular 8中子组件与父组件之间的通信

<app-child [data]="parentData"></app-child>

@Input() data: any;

@Output() childEvent = new EventEmitter<any>();

// 在适当的地方触发事件
this.childEvent.emit(data);

<app-child (childEvent)="handleChildEvent($event)"></app-child>

handleChildEvent(data: any) {
  // 处理子组件传递的数据
}

@Injectable()
export class DataService {
  private dataSubject = new BehaviorSubject<any>(null);
  data$ = this.dataSubject.asObservable();

  sendData(data: any) {
    this.dataSubject.next(data);
  }
}

constructor(private dataService: DataService) {}

sendDataToChild(data: any) {
  this.dataService.sendData(data);
}

constructor(private dataService: DataService) {}

ngOnInit() {
  this.dataService.data$.subscribe(data => {
    // 处理接收到的数据
  });
}