From 741f7ee8e5cb73f569e9a24c2a4e06b955510af6 Mon Sep 17 00:00:00 2001
From: Eugene Pankov <john.pankov@gmail.com>
Date: Sat, 3 Jun 2017 15:07:04 +0200
Subject: [PATCH] .

---
 .../components/settingsTabBody.component.ts   | 19 ++-----------------
 1 file changed, 2 insertions(+), 17 deletions(-)

diff --git a/terminus-settings/src/components/settingsTabBody.component.ts b/terminus-settings/src/components/settingsTabBody.component.ts
index c3b6e519..2616617a 100644
--- a/terminus-settings/src/components/settingsTabBody.component.ts
+++ b/terminus-settings/src/components/settingsTabBody.component.ts
@@ -1,25 +1,10 @@
-import { Component, Input, ViewContainerRef, ViewChild, ComponentFactoryResolver, ComponentRef } from '@angular/core'
+import { Component, Input } from '@angular/core'
 import { SettingsTabProvider } from '../api'
 
 @Component({
     selector: 'settings-tab-body',
-    template: '<ng-template #placeholder></ng-template>',
+    template: '<ng-container *ngComponentOutlet="provider.getComponentType()"></ng-container>',
 })
 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()
-                )
-            )
-        })
-    }
 }