Dynamic Module with dynamic Component in Angular 2

DynamicComponent.ts

import { Component, OnInit, ViewContainerRef, ComponentRef, Compiler, NgModule, OnDestroy } from '@angular/core';

@Component({
  moduleId: module.id,
  selector: 'dynamic-container',
  templateUrl: 'static.component.html'
})
export class DynamicContainerComponent implements OnInit, OnDestroy {

  protected componentRef: ComponentRef<any>;

  constructor(private vcRef: ViewContainerRef, private compiler: Compiler) {
  }

  ngOnInit() {
    this.destroy();
    var component = this.createDynamicComponent('<h1>dynamic Content</h1>');
    var module = this.createDynamicModule(component);
    this.compiler.compileModuleAndAllComponentsAsync(module)
      .then(moduleWithComponentFactories => {
        var componentFactory = moduleWithComponentFactories.componentFactories.find(element => element.componentType === component);
        this.componentRef = this.vcRef.createComponent(componentFactory);
      });
  }

  ngOnDestroy() {
    this.destroy();
  }

  private destroy() {
    if (this.componentRef) {
      this.componentRef.destroy();
    }
  }

  private createDynamicComponent(template: string) {
    @Component({
      selector: 'dynamic-content',
      template: template
    })
    class DynamicComponent { };
    return DynamicComponent;
  }

  private createDynamicModule(component: any) {
    @NgModule({
      declarations: [component]
    })
    class DynamicModule { };
    return DynamicModule;
  }

}

Plunk: http://plnkr.co/edit/68keth?p=preview