2014-01-16 6 views
6

JSFiddledie verschachtelten Arrays Zugriff ng-Repeat in AngularJS

mit der Lage bin ich nicht die Array-Bilder in der verschachtelten Sammlung zuzugreifen. Warum kann ich keine Ausgabe sehen?

Das Modell:

var obj = [{ 
    "id": "7", 
    "date": "1 Jan", 
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"] 
}, { 
    "id": "7", 
    "date": "1 Jan", 
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"] 
}]; 

Dies ist der HTML-Code mit ng-repeat:

<ul> 
    <li ng-repeat="img in item"> 
     <br /> 
     <li ng-repeat="img1 in img.images">{{img1}}</li> 
    </li> 
</ul> 

Kann jemand zeigen Sie mir, was ich fehle?

Antwort

10

Das Problem ist, dass Sie versuchen, innerhalb eines li Element eine Liste von li Elemente zu wiederholen, die ungültige HTML ist. Winkel wird dies also nicht wiedergeben.

Aktualisieren Sie Ihre HTML:

<ul> 
    <li ng-repeat="img in item"> 
     <ul> 
      <li ng-repeat="img1 in img.images">{{img1}}</li> 
     </ul> 
    </li> 
</ul> 
+2

Natürlich, wenn u nicht verschachtelte uls wollten Sie geschraubt – Sam

+1

Sie werden einen anderen Ansatz finden müssen, wenn Sie eine einfache Liste machen wollen, das ist wahr. Entweder durch Ändern der HTML-Struktur oder durch Reduzieren des Eingabearrays – thomaux