Angular将HTML元素添加到动态创建的HTML元素答案

【问题标题】：Angular add HTML element to dynamically created HTML elementAngular将HTML元素添加到动态创建的HTML元素
【发布时间】：2022-01-02 20:48:27
【问题描述】：

我有一些项目的下拉菜单。

<customDropdown>
   <item label="ITEM1"></item>
   <item label="ITEM2"></item>
   <item label="ITEM3"></item>
</customDropdown>

此下拉菜单为每个项目创建了带有类的新 div。问题是我需要向项目添加按钮，但因为是自定义下拉列表，我只能通过字符串标签传递值。基本上我需要做类似
<item label="<button>DELETE</button>ITEM1></item>"
但我不能，因为它会自动转换为字符串。

感谢您的任何想法。

【问题讨论】：

【解决方案1】：

您使用的是哪个库？它不可能通过这样的属性传递 html 元素。如果您的库允许您使用<ng-content>（如果是这种情况，您的实现将是：<item> <button> delete </button> </item>）或使用自定义模板来执行此操作。

【讨论】：