Как разобрать мульти-массив данных JSON в Angularjs

Question

У меня есть ответ на несколько массивов json через вызов API в Angularjs. Но при итерации значений через ng-repeat значения массива разделяются на каждый символ. Я не понимаю, как разобрать это.

например Предполагается, что он будет повторяться «цвет-зеленый», но я получаю его как 'c','o','l','o','r','g','r','e','e','n' ... Не могли бы вы помочь мне получить его. Ниже ссылка plnkr

http://plnkr.co/edit/gppDyJ4FJ9x78aDkiwMW?p=preview

Часть моего кода, который повторяется:

$http({method: 'GET', url: 'colors.json'}).success(function(data) {
    $scope.artists = [];
    angular.forEach(data.colors, function(value, key) {         
        $scope.colorList = value;       
    });     
});

И файл colors.json содержит:

{
    "colors": {
         "blue":["color-blue","color-blue-08","color-blue-06","color-blue-04","color-blue-02"],
         "red":["color-red","color-red-08","color-red-06","color-red-04","color-red-02"],
         "skyblue":["color-skyblue","color-skyblue-08","color-skyblue-06","color-skyblue-04","color-skyblue-02"],
         "orange":["color-orange","color-orange-08","color-orange-06","color-orange-04","color-orange-02"],
         "grey":["color-grey","color-grey-08","color-grey-06","color-grey-04","color-grey-02"],
         "green":["color-green","color-green-08","color-green-06","color-green-04","color-green-02"]
    }
}

Answer 1

Вам нужно помещать объекты в массив, а не назначать их

angular.forEach(data.colors, function(value, key) {
        $scope.colorList.push(value);
});

ИСПРАВЛЕНО ДЕМО

Answer 2

There was a little mistake in the way your were getting the values into the 
scope

I've forked your pluker.

Plunker