ng-style不适用于ng-repeat

时间:2016-01-25 17:41:19

标签: angularjs

我正在尝试对重复的名称上的每个名称应用随机颜色。我没有得到任何错误,但颜色不适用。

<div ng-repeat= "item in items"  ng-style= "{'color': getcolor()}">
  {{item.name}}     
</div>

这是功能:

 $scope.getcolor =  function(){
   var color = ["pink", "green", "blue"]
   var randoms = color[Math.floor(Math.random() * 3)];
   return {"color" : randoms} 
}

2 个答案:

答案 0 :(得分:1)

试试这个

<div ng-repeat= "item in items"  ng-style= "getcolor()">
  {{item.name}}     
</div>

答案 1 :(得分:0)

这一行:

return {"color": randoms};

应改为:

return randoms:

返回颜色名称。