Parent.component.ts

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
export class ParentComponent{
  receivedMessage: string = '';

  // @ViewChild(ChildComponent) childComponent!: ChildComponent; 
  @ViewChild('child1') childComponent!: ChildComponent;

  constructor() {}

  ngAfterViewInit() {
    this.childComponent.message$.subscribe((message) => {
      this.receivedMessage = message;
    });
  }
}