本文整理汇总了TypeScript中angular2/core.DynamicComponentLoader.loadAsRoot方法的典型用法代码示例。如果您正苦于以下问题:TypeScript DynamicComponentLoader.loadAsRoot方法的具体用法?TypeScript DynamicComponentLoader.loadAsRoot怎么用?TypeScript DynamicComponentLoader.loadAsRoot使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类angular2/core.DynamicComponentLoader
的用法示例。
在下文中一共展示了DynamicComponentLoader.loadAsRoot方法的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1:
System.import('./app/case-studies/finance/TestComponent').then((module) => {
console.log(module);
this.dynamicComponentLoader.loadAsRoot(module.TestComponent, 'div.parent', this.injector);
});
示例2: constructor
constructor(dcl: DynamicComponentLoader, injector: Injector, viewContainerRef: ViewContainerRef) {
dcl.loadAsRoot(ChildComponent, '#child', injector);
dcl.loadNextToLocation(ChildComponent2, viewContainerRef.element);
}
示例3: loadComponent
loadComponent() {
this.dcl.loadAsRoot(DynamicComponent, '#anchor', null)
.then(componentRef => console.log('loadAsRoot', componentRef));
}