可以在angular8中动态加载HTML模板，但不能将属性绑定到插值字符串

import { Component, ComponentFactoryResolver, ViewChild, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-dynamic-template',
  template: `
    <ng-container #dynamicTemplate></ng-container>
  `
})
export class DynamicTemplateComponent {
  @ViewChild('dynamicTemplate', { read: ViewContainerRef }) dynamicTemplate: ViewContainerRef;

  constructor(private componentFactoryResolver: ComponentFactoryResolver) { }

  loadTemplate(template: string) {
    // 清空之前加载的模板
    this.dynamicTemplate.clear();

    // 创建组件实例
    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DynamicComponent);
    const componentRef = this.dynamicTemplate.createComponent(componentFactory);

    // 设置属性
    componentRef.instance.template = template;
  }
}

@Component({
  selector: 'app-dynamic-component',
  template: `
    <div [innerHTML]="template"></div>
  `
})
export class DynamicComponent {
  template: string;
}

@Component({
  selector: 'app-root',
  template: `
    <button (click)="loadDynamicTemplate()">加载模板</button>
    <app-dynamic-template></app-dynamic-template>
  `
})
export class AppComponent {
  constructor(private dynamicTemplateComponent: DynamicTemplateComponent) { }

  loadDynamicTemplate() {
    const template = '<h1>Hello, dynamic template!</h1>';
    this.dynamicTemplateComponent.loadTemplate(template);
  }
}