27 lines
924 B
TypeScript
27 lines
924 B
TypeScript
import { Component, Input, ViewContainerRef, ViewChild, ComponentFactoryResolver, ComponentRef } from '@angular/core'
|
|
import { SettingsTabProvider } from '../api'
|
|
|
|
/** @hidden */
|
|
@Component({
|
|
selector: 'settings-tab-body',
|
|
template: '<ng-template #placeholder></ng-template>',
|
|
})
|
|
export class SettingsTabBodyComponent {
|
|
@Input() provider: SettingsTabProvider
|
|
@ViewChild('placeholder', { read: ViewContainerRef }) placeholder: ViewContainerRef
|
|
component: ComponentRef<Component>
|
|
|
|
constructor (private componentFactoryResolver: ComponentFactoryResolver) { }
|
|
|
|
ngAfterViewInit () {
|
|
// run after the change detection finishes
|
|
setImmediate(() => {
|
|
this.component = this.placeholder.createComponent(
|
|
this.componentFactoryResolver.resolveComponentFactory(
|
|
this.provider.getComponentType()
|
|
)
|
|
)
|
|
})
|
|
}
|
|
}
|