无法访问 NgOnInit -Angular 6 中的输入属性

Question

我的父页面如下所示。

html:

<counter  [conversationId]="conversationId"></counter>

组件：

public conversationId: string;

public showModal() {   
 this.conversationId = '1234'
 this.modalService.showComponent(CounterPage, { class: 'modal-lg' }); 
}

我的孩子页面如下所示。

 @Input() conversationId: any;
 public ngOnInit  (): void {
    alert(this.conversationId); //shows undefinded.
  }

看起来这是常见问题here。没有一个解决方案对我有用。

Answer 1

参数在方法 ngAfterContentInit() 之前接收值。

在这张图片中查看 Angular 的生命周期：https://v2.angular.io/resources/images/devguide/lifecycle-hooks/hooks-in-sequence.png

尝试：

@Input() conversationId: any;
 public ngAfterContentInit  (): void {
    alert(this.conversationId); //shows undefinded.
  }