2016-08-18 4 views
0

Ich habe das folgende Objekt. Wie kann ich nur die Zeilen mit den verschachtelten Werten anzeigen?Wie zeige ich ng-repeat verschachtelte Werte

$scope.mainObj = [{ 
    name: 'a', items : [1,2,3], 
    name: 'b', items : [4,5,6], 
}] 

<table> 
<tr ng-repeat="obj in mainObj"> 
     <td></td> 
</tr> 
</table> 

Ich möchte ausgegeben werden:

<table> 
    <tr> 
     <td>1</td> 
    </tr> 
    <tr> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td>3</td> 
    </tr> 
    <tr> 
     <td>4</td> 
    </tr> 
</table> 
+0

was sind die "verschachtelte Werte"? –

+2

Offenbar müssen Sie '$ scope.mainObj' in' [{name: 'a', Elemente: [1, 2, 3]}, {Name: 'b', Elemente: [4, 5, 6 ]}] ' – csschapker

Antwort

3

Sie tbody von table wiederholen könnte, die gültige HTML ist. Angenommen items kann Entitäten haben.

HTML

<table> 
    <tbody ng-repeat="obj in mainObj"> 
    <tr ng-repeat="item in obj.items"> 
     <td>{{item }}</td> 
     </tr> 
    </tbody> 
</table> 

aktualisieren

Korrigieren Sie Ihre Objektstruktur sowie @csschapker in Kommentar vorgeschlagen.

$scope.mainObj = [{name: 'a', items:[1, 2, 3]}, {name: 'b', items: [4, 5, 6]}] 
+0

Was passiert, wenn ich einige Objekte ohne Gegenstände habe? – KingKongFrog

+0

@KingKongFrog Könntest du etwas sagen, was du sagst? –

+0

nm .... Ich habe ng-wenn in der ng-Wiederholung verwendet. Mir geht's gut. – KingKongFrog

0

Benutzen Sie den Code wie folgt aus:

<table> 
<tr ng-repeat="obj in mainObj"> 
    <td ng-repeat="item in obj.items track by $index"> 
    {{item}} 
    </td> 
</tr> 
</table> 

und bearbeiten Sie Quellobjekt:

$scope.mainObj = [ 
    {name: 'a', items: [1, 2, 3]}, 
    {name: 'b', items: [4, 5, 6]} 
]; 
+0

Das gibt mir nicht in jeder Zeile. – KingKongFrog

+0

versuchen, Titel von $ Index hinzufügen - Ich aktualisierte Code in Antwort –