javascript - 变量返回字符串而不是组件内容中的 Angular 5 组件选择器

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 组成的。它必须编译才能显示，如果您考虑一下，这是有道理的。

另一方面，即使您可以进行插值，这也是一个糟糕的 Angular 模式，并且可能会产生意想不到的结果，尤其是在生产中。坚持最佳做法。