Как добавить динамический цвет на угловой HTML-странице

Question

Если я попытаюсь добавить это в тег div. <div>{{list.color_code}}</div>

тогда его идеальная работа, но когда я пытаюсь использовать этот встроенный CSS, он не отражается при проверке элемента браузера. тег стиля остается пустым в элементе проверки style = "";

Я использую приведенный ниже синтаксис.

<div style="background:{{list.color_code}}">Hello</div>

Answer 1

Попробуй так:

<div [style.background]="list.color_code">Hello</div>

Answer 2

Для динамического изменения стиля используйте ngClass для переключения классов. Оцените некоторые условия, которые могут измениться, с помощью события щелчка или другим способом.

<button type="button" (click)="switchClass()" class="class1" [ngClass]="switch ? 'class1' : 'class2'">Some element</button>