如何在运行时生成带有字符串的Angular组件？

Question

I have a property pulled from database at runtime that correspond to an Angular selector. 我在运行时从数据库中提取了一个与Angular选择器相对应的属性。

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

What is the best way to render "Hello World" like so? 像这样渲染“ Hello World”的最佳方法是什么？

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

This is good only for html tags, not Angular selectors: 这仅适用于html标签，而不适合Angular选择器：

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

The app-hello component does just one thing: app-hello组件仅做一件事：

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

Answer 1

Angular 6通过称为Angular Elements的新功能解决了它。