无法遍历角度数组

Question

我试图遍历这个数组。

但是，它不会向我显示{{repeat.title}}

我使用以下 HTML/Angular 代码遍历数组：

<div class="column inline inline-4 center choice" ng-repeat="repeat in repeater.keuze_menu[0]">
    <span>{{repeat.title}}</span>
</div>

角度物体

$scope.repeater = [{
    "uitgelichte_afbeelding": false,
    "content_afbeelding": "http://hetplein.h2505194.stratoserver.net/wp-content/uploads/2016/05/image2.jpg",
    "keuze_menu": [{
        "keuze_1": {
            "ID": 81,
            "id": 81,
            "title": "IJs",
            "filename": "Ijs-1.jpg",
            "url": "http://hetplein.h2505194.stratoserver.net/wp-content/uploads/2016/05/Ijs-1.jpg",
            "alt": "",
            "author": "1",
            "description": "",
            "caption": "",
            "name": "ijs-2",
            "date": "2016-07-14 09:32:06",
            "modified": "2016-07-15 11:37:33",
            "mime_type": "image/jpeg",
            "type": "image",
            "icon": "http://hetplein.h2505194.stratoserver.net/wp-includes/images/media/default.png",
            "width": 1440,
            "height": 956,
            "sizes": {
                "thumbnail": "http://hetplein.h2505194.stratoserver.net/wp-content/uploads/2016/05/Ijs-1-150x150.jpg",
                "thumbnail-width": 150,
                "thumbnail-height": 150,
                "medium": "http://hetplein.h2505194.stratoserver.net/wp-content/uploads/2016/05/Ijs-1-300x199.jpg",
                "medium-width": 300,
                "medium-height": 199,
                "medium_large": "http://hetplein.h2505194.stratoserver.net/wp-content/uploads/2016/05/Ijs-1-768x510.jpg",
                "medium_large-width": 768,
                "medium_large-height": 510,
                "large": "http://hetplein.h2505194.stratoserver.net/wp-content/uploads/2016/05/Ijs-1-1024x680.jpg",
                "large-width": 1024,
                "large-height": 680
            }
        }
    }]
}]

我在这里做错了什么？

Answer 1

您希望遍历对象中的键，这些键恰好位于数组的第一个索引中。为此，您想使用 ng-repeat。

<div ng-repeat="(key, value) in repeater.keuze_menu[0]">
    <span>{{value.title}}</span>
</div>

Answer 2

with angular.forEach（） https://docs.angularjs.org/api/ng/function/angular.forEach

angular.forEach(values, function(value, key) {
  this.push(key + ': ' + value);
});

Answer 3

最终 在尝试了我能想到的一切之后，我找到了解决方案。

<div class="column inline inline-4 center choice" ng-repeat="repeat in repeater">
    <div ng-repeat="value in repeat.keuze_menu[0]">
        <span>{{value.title}}</span>
        <img alt="" src=""/>
    </div>
</div>

我只需要给中继器打电话两次。