无法循环通过Angular数组?

时间:2016-07-15 13:13:03

标签: javascript angularjs multidimensional-array

我试图遍历这个数组。

然而,它确实显示了{{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
            }
        }
    }]
}]

我在这里做错了什么?

3 个答案:

答案 0 :(得分:2)

您希望在恰好位于数组的第一个索引中的对象中循环键。为此,您想使用ng-repeat

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

答案 1 :(得分:0)

使用angular.forEach()https://docs.angularjs.org/api/ng/function/angular.forEach

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

答案 2 :(得分:0)

在尝试了所有可以想到的事情之后,我找到了解决方案。

img-responsive

我只需要两次打电话给转发器。