如何在有角度的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>