我试图遍历这个数组。
然而,它确实显示了{{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
}
}
}]
}]
我在这里做错了什么?
答案 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
我只需要两次打电话给转发器。