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 }" 

Вы связываете выражение в свой шаблон, а не в строку.

См. Документы для более подробной информации