html - 尝试在样式中插入 typescript 元素时出现术语预期错误

标签 html css angular typescript styling

在我的 ts 文件中,我有在 html 文件中使用的元素。在此示例中,我使用 element.color (值 = #3b5998)和 element.name (值 = Facebook)。当将像下面这样的值放在图标下面时,一个可以工作,但颜色不行。代码如下所示:

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

颜色后面:有一条红线,表示“预期的术语”。但我不知道该改变什么。我知道这是一个转储错误,但我被卡住了。

Image

最佳答案

要绑定(bind)到样式,有两种方法:

使用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>

关于html - 尝试在样式中插入 typescript 元素时出现术语预期错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61664899/

相关文章:

html - <pre> 标签含义和 white-space CSS 属性

javascript - JavaScript html5 Canvas

html - 标记为clearfix的div中空HTML注释的目的

html打印页面,额外打印空白页

jquery - Bootstrap Datepicker 滚动问题

javascript - 通过单击框外部关闭模式

html - Bootstrap clearfix 问题

Angular 2 : Custom material theme in each lazy loaded submodule

javascript - 如何在 Angular 中获取数据模型的类名?

angular - 在 Ngrx-nx Monorepo 中管理共享样式和 Assets