How to re initialize sub component in angular2?

Question

I have a component inside another component, added by tag. At some point, i would like to reinitialize this sub-component, like the first it was invoke. Is there any way to do that?

Answer 1

You can write your own cleanup method. But faster way (but not trully convenient) is to use *ngIf. When value is false, component is completely removed (destroyed) from page. When it is back to true it goes via regular path constructor > ngOnInit, etc. Why it is not convenient?

• it may look ugly
• it may require from you to trigger change detection manually

.

reinitChildComponent(): void{     this.childVisible = false;     this.changeDetectorRef.detectChanges();     this.childVisible = true;     this.changeDetectorRef.detectChanges(); } 

Answer 2

You can re initialize component using *ngIf.

<mychild *ngIf="flag"></mychild> 

You can re initialize by making the flag false and true.