Angular5 - 动态设置div容器的颜色

Question

使用AngularJS,这很好用:

<div style="width:10px;height:10px;background-color:{{user.color}}"></div>

但是对于Angular5,它没有.如何使用Angular5？

Answer 1

<div style="width:10px;height:10px;" [ngStyle]="{'background-color': user.color}">...</div>

要么

<div [style.background-color]="user.color">...</div>

文件

如何使用ngStyle

<some-element [ngStyle]="{'font-style': styleExp}">...</some-element>

<some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>

<some-element [ngStyle]="objExp">...</some-element>