如何在Angular 8+中从字符串渲染模板？

import { Component, NgModule, Compiler, COMPILER_OPTIONS, CompilerFactory, ModuleWithComponentFactories, ViewContainerRef } from '@angular/core';
import { JitCompilerFactory } from '@angular/platform-browser-dynamic';

@Component({
  selector: 'dynamic-component',
  template: ''
})
export class DynamicComponent {}

@NgModule({
  declarations: [DynamicComponent],
  entryComponents: [DynamicComponent]
})
export class DynamicModule {}

@Injectable()
export class TemplateService {
  private compiler: Compiler;

  constructor(private compilerFactory: CompilerFactory) {
    this.compiler = this.compilerFactory.createCompiler();
  }

  compileTemplate(template: string, context: any): Promise<any> {
    const componentType = this.createComponentType(template);
    const moduleType = this.createDynamicModule(componentType);

    return this.compiler.compileModuleAndAllComponentsAsync(moduleType)
      .then((moduleWithComponentFactories: ModuleWithComponentFactories<any>) => {
        const componentFactory = moduleWithComponentFactories.componentFactories.find(x => x.componentType === componentType);
        const componentRef = componentFactory.create(Injector.NULL);

        Object.assign(componentRef.instance, context);
        componentRef.changeDetectorRef.detectChanges();

        return componentRef;
      });
  }

  private createComponentType(template: string): Type<DynamicComponent> {
    @Component({ template })
    class CustomDynamicComponent extends DynamicComponent {}

    return CustomDynamicComponent;
  }

  private createDynamicModule(componentType: Type<DynamicComponent>): Type<DynamicModule> {
    @NgModule({
      imports: [],
      declarations: [componentType],
      entryComponents: [componentType]
    })
    class CustomDynamicModule extends DynamicModule {}

    return CustomDynamicModule;
  }
}

@Component({
  selector: 'app-root',
  template: `
    <div #container></div>
  `
})
export class AppComponent implements OnInit {
  @ViewChild('container', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private templateService: TemplateService) {}

  ngOnInit() {
    const template = '<h1>Hello, {{ name }}!</h1>';
    const context = { name: 'World' };

    this.templateService.compileTemplate(template, context)
      .then((componentRef: ComponentRef<DynamicComponent>) => {
        this.container.insert(componentRef.hostView);
      });
  }
}