Effect of ngIf on ngAterViewInit

Question

I am emitting an event in ngAfterViewInit lifecycle hook, and listening to that event in another component using ComponentRef. It works well until I use ngIf on the parent component.

So, what is this effect of ngIf on Angular life cycle hooks?

For now, I am setting its visibility to hidden but want to use ngIf.

Answer 1

ngIf is removing the component from the dom, and so must the child component would also be removed, If you only want to hide it use [hidden]="true" attribute.