Question

我对角度很新。我正在从后端api显示背景颜色。我想将其设置为div的背景颜色：

我试过了：

<div style="background-color: {{vitalItem.value.color}}" >

但颜色未设定。在控制台中，它显示：

WARNING: sanitizing unsafe style value background-color: #d9534f (see http://g.co/ng/security#xss)

感谢任何帮助..

编辑：

这是我的HTML

<div class="latest-reading-box">
     <div class="latest-reading-container value-contain-type" ng-style="{'background-color': vitalItem.value.color}">
         <p class="p-time">{{vitalItem.value != null ? vitalItem.value.date : ""}}</p>
         <h3 class="latest-value">{{vitalItem.value != null ? vitalItem.value.value : ""}}</h3>
         <p class="type-value">{{vitalItem.value != null && vitalItem.value.vitalEntryType != 0 ?
                                                  getVitalEntryTypeName(vitalItem.value.vitalEntryType): ""}}</p>
     </div>
</div>

在Chrome的检查中，这就是：

<div _ngcontent-c1="" class="latest-reading-container value-contain-type" ng-style="{'background-color': vitalItem.value.color}">
    <p _ngcontent-c1="" class="p-time">08 Jul, 2017</p>
    <h3 _ngcontent-c1="" class="latest-value">67</h3>
    <p _ngcontent-c1="" class="type-value"></p>
</div>

除vitalItem.value.color之外的所有内容都显示其值。为什么ng风格不起作用？

Answer 1

您可以使用ng-style来实现此目的

<div ng-style="{'background-color':vitalItem.value.color}" >

如何以角度动态设置div的背景颜色？

1 个答案: