Angular2 中 $templateCache 的替代品

# 替代Angular 2中$templateCache的解决方案

typescript
import { ?Compiler as Compiler, Component, NgModule, ViewChild, ViewContainerRef, ?createInjector } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@Component({
  selector: 'dynamic-template',
  template: '',
})
class DynamicTemplateComponent {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;
  constructor(private compiler: Compiler) {}
  compileAndLoadTemplate(template: string) {
    @Component({ template })
    class DynamicComponent {}
    @NgModule({
      declarations: [DynamicComponent],
      imports: [BrowserModule],
    })
    class DynamicModule {}
    const dynamicModule = this.compiler.compileModuleAndAllComponentsSync(DynamicModule);
    const factory = dynamicModule.componentFactories.find((comp) =>
      comp.componentType === DynamicComponent
    );
    this.container.clear();
    const component = this.container.createComponent(factory);
  }
}