Angular 5 Component Selector在变量返回字符串而不是组件内容中

Question

我有一些包含组件选择器的数据：

{
  label: 'This is a label',
  componentSelector: '<app-mycomponent></app-mycomponent>'
}

在我的app.component.html

中

而不是这样做（例如）：

<div>
  <app-mycomponent></app-mycomponent>
</div>

我想这样做：

{{data.componentSelector}}

在我尝试此操作时，它返回一个字符串，而不是用组件的内容替换它。

我该怎么做？

Answer 1

您无法插入组件，因为它由typescript，html和css组成。它必须编译才能显示，如果你考虑它，它是有道理的。

另一方面，即使你可以插值，它也会是一个糟糕的角度模式，并且可能会产生意想不到的结果，特别是在制作中。坚持最佳实践。