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

Question

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

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

ip  varchar(32) numip int(11)
-----------------------------
41.220.68.241   2147483647
41.58.115.152   2147483647
41.220.68.13    412206813

这将显示我的mediaTile对象，并显示正确的通道颜色。一旦页面加载

，样式将被设置为空

这是页面显示的内容：

ip  varchar(32) numip int(11)
-----------------------------
41.220.68.241   4122068241  
41.58.115.152   4158115152
41.220.68.13    412206813

我做错了吗？

Answer 1

你应该使用ng-style而不是样式，使用带插值的样式会导致某些浏览器将值删除（存在{{等的无效样式属性。）甚至角度有一个有机会处理它。这种情况特别发生在IE中（不确定您测试过哪个浏览器）。

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

还要注意套管，c olor。

<强> Plnkr