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

Question

我有下拉项目可以说。

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

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

感谢您的任何想法。

Answer 1

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