Angular 角垫表-单元格中的HTML元素

我不知道这是否可行，但也许有人能帮我

我有一个有很多列的MAT-TABLE（角度材质）（我构建了MatTableDataSource，所有内容都是动态的）

在其中一个专栏中，我想把我从另一个应用程序获得的信息放在下面：

• 如果信息不为null，我只在列中将其显示为字符串（这没有问题）
• 如果信息为空，我想在单元格中放置一个select元素

因此，我在TS文件中执行以下操作：

•如果（信息非空）=>数据=[…，属性：信息，…]

•如果（信息为空）=>数据=[…，属性：

test

，…]

但它在我的应用程序中显示为字符串，而不是HTML元素 我怎样才能继续

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

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

公共测试：任何；
this.test=`opt1opt2`；

在模板中：

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

{{test}}

但我的结果是：

---

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

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

更多详情请访问

---

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

共享您的代码plzMissing Sanitization我得到了以下结果：opt1 opt2但没有选择HTML元素我是否应键入test作为“any”？@Helene抱歉，我认为标记是静态的。请查看更新的解决方案。对不起，您能解释一下“将该组件动态附加到容器中”是什么意思吗？什么集装箱？