ionic3|ionic3 动态加载组件
template:
ts:
@ViewChild("child",{read:ViewContainerRef})child:ViewContainerRef;
childComponent:ComponentRef;
childCompFactory:ComponentFactory//加载组件
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中,则需要延时加载
【ionic3|ionic3 动态加载组件】获取子组件实例:
this.childComponent.instance
推荐阅读
- 使用composer自动加载类文件
- 动态组件与v-once指令
- iview|iview upload 动态改变上传参数
- 众泰T500智能互联双加载,让汽车生活更有趣
- ImageLoaders 加载图像
- react-navigation|react-navigation 动态修改 tabBar 样式
- K14|K14 9/15销售提问法D2
- 类的加载过程
- 使用交叉点观察器延迟加载图像以提高性能
- 动态|诗歌《在精神科诊室》发《小说与诗》(香港)报