template:
<div #child></div>
ts:
@ViewChild("child",{read:ViewContainerRef}) child:ViewContainerRef;
childComponent:ComponentRef<MonitoringDataComponent>;
childCompFactory:ComponentFactory<MonitoringDataComponent>
//加载组件
this.childCompFactory=this.resolver.resolveComponentFactory(MonitoringDataComponent);
this.childComponent=this.child.createComponent(this.childCompFactory);
//销毁组件
this.childComponent.destroy();
声明周期:
在ionViewDidLoad,ionViewWillEnter,ionViewDidEnter这三个钩子函数中均可以加载,在constructor中无法加载,ViewContainerRef为undefind。
注意问题:
如果放在ngif或者ngswitch case中,则需要延时加载
获取子组件实例:
this.childComponent.instance