我想写一个组件，根据输入显示不同的图标。图标框架希望以以下格式提供：\n
\n所以data-icon=\"B\"基本上描述了要显示哪个图标。我想以动态方式传递这个符号。类似于：\n
data-icon=\"B\"
\n但是似乎不起作用。 :-/ 有没有一种方法可以在我的组件类中创建HTML并将其附加到HTML中而无需创建？
问题出现的原因是在Angular2中，属性绑定需要使用attr.前缀。当我们想要将动态值传递给data-属性时，需要使用attr.data-前缀。
attr.
data-
attr.data-
解决方法如下：
[attr.data-icon]="{{symbol}}"
问题的原因是在Angular2中，想要将值动态传递给data-*属性，但直接使用{{}}插值绑定无法实现。
解决方法是使用[attr.data-*]语法来绑定动态值。
例子:
在上述代码中，我们将data-icon属性与symbol变量绑定起来。这样，当symbol的值发生变化时，data-icon属性的值也会随之更新。
这种解决方法可以确保我们能够动态地将值传递给data-*属性，并实时更新属性的值。
用户名或电子邮箱地址
密码
