如何在angularjs中解析多数组json数据答案

【问题标题】：How to parse through multi array json data in angularjs如何在angularjs中解析多数组json数据
【发布时间】：2018-04-29 08:46:22
【问题描述】：

我通过 Angularjs 中的 API 调用获得多数组 json 响应。但是在通过 ng-repeat 迭代值时，数组值被拆分为每个字符。我不明白如何解析它。

例如它应该迭代'color-green'，但我得到它是'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"]
    }
}

【问题讨论】：

我已经帮助解决了一些格式问题，并将代码的相关部分添加到问题中，以防 plunkr 以后不再可用。

标签： javascript arrays angularjs json

【解决方案1】：

您需要将对象推送到数组而不是分配它们

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

CORRECTED DEMO

【讨论】：

【解决方案2】：

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

I've forked your pluker.

Plunker

【讨论】：