如何在运行时使用字符串生成一个角组件

Question

我在运行时从数据库中取出的属性对应于Angular Selector。

this.stringSelector = "<app-hello></app-hello>";

渲染" Hello World"的最佳方法是什么？

<app-root>
  <app-hello></app-hello>
</app-root>

这仅适用于HTML标签，而不是角选择器：

<app-root>
  <div [innerHTML]="this.stringSelector | safe: 'html'"></div>
</app-root>

App-Hello组件只做一件事：

@Component({
  selector: 'app-hello',
  template: `<h1>Hello World</h1>`
})
export class HelloComponent {
/* . . . */
}

Answer 1

Angular 6用一种称为Angular Elements的新功能求解了它。