Css 尝试使用ng repeat设置div的样式

我正在尝试使用ng repeat更改div的背景色。我试图从循环中的对象中提取的颜色。但是，每当我这样做时，它都会将我的样式属性设置为空白

以下是我正在使用的代码：

    <div ng-repeat="channel in channelObjects">
        <div class="mediumTile" style="background-color:#{{channel.Color}}">
           Channel Color: {{channel.color}}
        </div>
    </div>

通道颜色：{{Channel.Color}

这将以正确的通道颜色显示我的mediumTile对象。一旦页面加载，样式设置为“无”

这是页面显示的内容：

<div class="mediumTile" style="">
     Channel Color: 123456 
</div>

频道颜色：123456

我做错了什么吗？

你应该使用样式而不是样式，使用带有插值的样式会导致一些浏览器在angular有机会处理它之前就去掉这些值（样式属性无效，存在

{{

等）。这种情况在IE中特别发生（不确定你测试了哪个浏览器）

还要注意外壳，

c

olor

您应该使用而不是样式，使用带有插值的样式会导致某些浏览器在angular有机会处理它之前就删除这些值（存在

{{

等的无效样式属性）。这种情况在IE中特别发生（不确定您测试了哪个浏览器）

还要注意外壳，

c

olor

<div class="mediumTile" ng-style="{'background-color':'#' + channel.color}">