Revert "Revert "Revert "."""

This reverts commit 5eac621ac5.
This commit is contained in:
Eugene Pankov 2017-06-03 15:19:32 +02:00
parent 5eac621ac5
commit 3ceaaec896

View File

@ -1,10 +1,25 @@
import { Component, Input } from '@angular/core'
import { Component, Input, ViewContainerRef, ViewChild, ComponentFactoryResolver, ComponentRef } from '@angular/core'
import { SettingsTabProvider } from '../api'
@Component({
selector: 'settings-tab-body',
template: '<ng-container *ngComponentOutlet="provider.getComponentType()"></ng-container>',
template: '<ng-template #placeholder></ng-template>',
})
export class SettingsTabBodyComponent {
@Input() provider: SettingsTabProvider
@ViewChild('placeholder', {read: ViewContainerRef}) placeholder: ViewContainerRef
private 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()
)
)
})
}
}