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

Question

My Parent page looks like this.

html:

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

component:

public conversationId: string;

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

My Child page looks like this.

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

Looks like this is common issue here . None of the solutions worked for me.

Answer 1

The params receive values before the method ngAfterContentInit().

See the lifecycle of angular in this image: https://v2.angular.io/resources/images/devguide/lifecycle-hooks/hooks-in-sequence.png

try:

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