我不知道这是否可行但是有人可以帮助我...
我有一个MAT-TABLE（Angular材料），有很多列（我构建了一个MatTableDataSource，一切都是动态的）
在其中一个列中，我想提供一个我从其他应用程序获取的信息：
-
如果信息不为空，我只是将其显示为列中的字符串（没问题）
-
如果信息为空，我想在我的单元格中放入一个select元素
所以我在TS文件中执行以下操作：
•if（信息不为空）=> data = [...，attribut：information，...]
•if（信息为空）=> 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文件中显示它？谢谢
1 回答
使用此HTML标记创建组件，并将该组件动态附加到容器中 .
请访问https://angular.io/guide/dynamic-component-loader了解更多详情 .
如果不将其创建为组件，它将不会作为选择HTML标记 .