Question

您好，我在ts文件中有一个方法，该方法返回一些注入到模板中的html。我想在返回中包含另一个组件，但是我无法使其正常工作。

例如说我的ts文件中具有以下方法：

returnComponent() {
   return `<my-component></my-component>`
}

每次我运行此方法时，它似乎只返回html标签，而不返回实际组件。因此，运行该方法后，我得到了

<div>
   <my-component>
      <!-- nothing here -->
   </my-component>
</div>

我想得到

<div>
   <my-component>
      <!-- the contents of 'my-component' -->
   </my-component>
</div>

我想念什么？还是不可能？

谢谢！

Answer 1

实际上您正在寻找的是动态模板。您不能将动态模板作为字符串值。模板必须位于任何组件的html内，您可以引用该模板ng-template。

因此，您需要更改实现。正如您所想，这并不是一个简单的过程。