当试图在样式中插入typescript元素时，出现术语预期错误。

Question

在我的ts文件中，我有一些元素，我在html文件中使用。在这个例子中，我使用 element.color (value = #3b5998) 和 element.name (value = Facebook)。当把这些值放在图标下面时，其中一个可以工作，但颜色却不行。代码是这样的。

<fa style="color: {{element.color}};" name="{{element.icon}} fa-3x"></fa>

在颜色后面有一行红线，写着 "一个术语预期"。但我不知道该怎么改。我知道这是一个转储错误，但我卡住了。

图片

Answer 1

要绑定到一个样式有两种方法。

使用 style binding

<fa [style.color]="element.color" [name]="element.icon + 'fa-3x'"></fa>

或通过使用 NgStyle 指令

<fa [ngStyle]="{ color: element.color }" [name]="element.icon + 'fa-3x'"></fa>

Answer 2

尝试删除标签 (fa) 属性之间的引号 (")。您只需将引号放在所有属性记录的开头和结尾。