Angular mat-table - 单元格中的HTML元素

Question

我不知道这是否可行但是有人可以帮助我......

我有一个包含很多列的MAT-TABLE（Angular材料）（我构建了一个MatTableDataSource，一切都是动态的）

在其中一个专栏中，我想提供一份来自其他应用程序的信息：

• 如果信息不为空，我只是将其显示为列中的字符串（没问题）
• 如果信息为空，我想在我的单元格中放入一个选择元素

所以我在TS文件中执行以下操作：

•if（信息非空）=＆gt; data = [...，attribut：information，...]

•if（信息为空）=＆gt; data = [...，attribut：<select><option>test</option></select> ，...]

但它在我的应用程序中显示为字符串而不是HTML元素 我该怎么办？

我想做什么，但更容易解释：

public test: any;
this.test = `<select><option>opt1</option><option>opt2</option></select>`;

模板中的

：

<div>
  {{test}}
</div>

但是我的结果是： result

如何在我的TS文件中构建HTML元素，然后在我的html文件中显示它？感谢

Answer 1

使用此HTML标记创建一个组件，并将该组件动态地附加到容器中。

访问https://angular.io/guide/dynamic-component-loader了解详情。

如果不将其创建为组件，它将不会作为选择HTML标记。