Ich versuche, ein Raster vom Typ Metro Tile mit Angular zu erstellen. Um dies zu erreichen, soll jede der Kacheln eine andere Farbe haben. Mein Aktionsplan bestand also darin, eine Funktion zu erstellen, die zufällig eine Farbe in einer Schleife auswählt (mitng-repeat). Hier ist was ich bisher habe ....

<div class={{RandomColourClass()}} ng-repeat="stockRecord in GridStockRecords | filter:searchText">
  <div  >
    <h6>{{stockRecord.ProductGroupName}}</h6>
  </div>
</div>

Wie Sie sehen, setze ich den Klassennamen mit einer Funktion namens RandomColourClass. Hier sind die JS-Bits

$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();
};

Dies alles funktioniert gut und die Fliesen sind in verschiedenen Farben, aber ich bekomme immer den folgenden Fehler

Fehler: 10 $ digest () -Iterationen erreicht. Abbrechen! ".

Ich habe mir andere Posts zum Thema angesehen, aber ich kann nicht herausfinden, was ich ändern muss, damit es funktioniert !? Jede Hilfe oder Richtung wäre sehr dankbar :)