角度加载组件仅在它们可见时才会出现

Question

您好我对组件的生命周期有疑问。我什么时候能有这个组件：

@Component({
  selector: 'my-component'
})
export class MyComponent implements OnInit{
ngOnInit(){
alert("On init!")
}
}

并在父组件中使用：

@Component({
    template: '<div *ngIf="isVisible">
     <my-component></my-component>
    </div>
    <button (click)="onClick()"></button>'
})
export class ParentComponent{
  isVisible: boolean;
  onClick(){
   this.isVisible = !this.isVisible;
  }
}

当isVisible为false时，组件不可见但调用ngOnInit方法。 它是如何在实际可以看到时初始化组件的？