2016-07-15 3 views
-2

この配列をループしようとしています。角度配列をループできませんか?

しかし、それは私に次のHTML /アンギュラコードで配列をループ{{repeat.title}}

イム内部に何も表示さdoenst:

<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

配列ではなくオブジェクトをループしたいのですが... – epascarello

答えて

2

配列の最初のインデックスにあるオブジェクト内のキーをループします。あなたは私がオフに考えることができるすべてを試した後angular.forEach()https://docs.angularjs.org/api/ng/function/angular.forEach

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

しかし、awnserに感謝します。でも、まだdoenstの仕事:/ – Red

+0

ここにリンクがあります:http://hetplein.h2505194.stratoserver.net/ – Red

0

を使用することについては、私は解決策を見つけました。

<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> 

私はリピータを2回呼び出すだけでした。

0

Finalyでng-repeat

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