如何在角度HTML页面中添加动态颜色

Question

如果我尝试将其添加到div标签中。 <div>{{list.color_code}}</div>

然后它的完美工作，但当我尝试此内嵌CSS时，它就不会反映在浏览器的inspect元素上。样式标签在检查元素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>