我正在尝试使用Angular创建类似于Metro磁贴的网格,为了实现这一点,我希望每个磁贴都有不同的颜色。所以我的计划是在循环中创建一个随机选择颜色的函数(使用ng-repeat
)。以下是我的进展...
<div class={{RandomColourClass()}} ng-repeat="stockRecord in GridStockRecords | filter:searchText">
<div >
<h6>{{stockRecord.ProductGroupName}}</h6>
</div>
</div>
从代码中可以看出我使用了一个名为RandomColourClass的函数来设置类名,以下是JS代码:
$scope.TileColours = [{colour:'thumbnail tile tile-blue'},{colour:'thumbnail tile tile-green'},{colour:'thumbnail tile tile-red'}];
$scope.RandomColourClass = function(){
var randomColour = $scope.TileColours[Math.floor(Math.random() * $scope.TileColours.length)];
return randomColour.colour.toString();
};
这一切都很好,瓷砖的颜色也不同,但我一直收到以下错误:
“错误:达到10个$ digest()迭代。中止!”
我已经查看了其他帖子,但我无法弄清楚需要更改什么才能使其正常工作!?任何帮助或指导将不胜感激 :)
GridStockRecords
。 - Maxim Shoustin