ngStyle从对象/模型接收颜色的问题

Question

我用html / Css设计了特殊形状，我想从数据服务中接收其颜色。

[ngStyle]="{'background-color':'#0B0036'}"

当我使用此代码时，一切正常。但是，一旦我尝试这样做：

[ngStyle]="{'background-color':'{{Card.lesson.color}}'}"  (with or without quote)

或

[ngStyle]="{'background-color':'Card.lesson.color'}"   

我或者得到错误或者根本没有得到任何颜色。

编写该语法的正确方法是什么？

Answer 1

正确的语法是：

[ngStyle]="{'background-color': Card.lesson.color }" 

您要将表达式绑定到模板中，而不是字符串。

有关更多详细信息，请参见the docs