javascript - 使用 ng-repeat 循环遍历一系列数组

Question

我希望循环遍历对象并获取内部数组的值(即区域或提供者)。然而这个值是一个变量并且是未知的。请参阅下面的示例；

[{
    "region": [{
        "name": "EMEA"
    }, {
        "name": "US"
    }]
}, {
    "provider": [{
        "name": "provderOne"
    }, {
        "name": "providerTwo"
    }]
}]

如何获取“region”/“provider”的值(或任何可能的值)，然后循环遍历内部数组以使用 ng-repeat 访问该对象？

Answer 1

这是一个解决方案，看起来很乱，但可行:

<div ng-repeat="x in data">
    <div ng-repeat="(k, lst) in x">
        {{k}}
        <div ng-repeat="y in lst">
            <div ng-repeat="(key, value) in y">&nbsp;&nbsp;{{key}}: {{value}}</div>
        </div>
    </div>
</div>

var myApp = angular.module("myApp", []);

myApp.controller("myCtrl", function ($scope) {
    $scope.data = [{
        "region": [{
            "name": "EMEA"
        }, {
            "name": "US"
        }]
    }, {
        "provider": [{
            "name": "provderOne"
        }, {
            "name": "providerTwo"
        }]
    }];
});

演示:http://jsfiddle.net/ue1fcw7q/