AngularJs arbeiten mit verschachtelten Arrays innerhalb von Objekten

Question

Ich versuche, Informationen von Kind und Eltern Daten innerhalb eines JSON-Objekts anzuzeigen. Im Folgenden finden Sie meine Daten:

$scope.electionDetails = { 
    id : 1, 
    election_type: "CityCouncil", 
    election_name: "City A City Council Elections 
    candidates : [{ 
       id: 1, 
       election_id: 1, 
       position_id: 1, 
       first_name: "John", 
       last_name: "Doe" 
       }, 
       { 
       id:2, 
       election_id:1, 
       position_id:1, 
       first_name: "Jane", 
       last_name: "Doe" 
       }, 
       { 
       id:3, 
       election_id:1, 
       position_id:2, 
       first_name: "Mike", 
       last_name: "Doe" 
       }, 
       { 
       id:4, 
       election_id:1, 
       position_id:2, 
       first_name: "Mary", 
       last_name: "Doe" 
       }], 
positions : [{ 
      id:1, 
      election_id: 1, 
      position: "Seat 1" 
      }, 
      { 
      id:2, 
      election_id:1, 
      position: "Seat 2" 
      }] 

} 

ich diese Daten gruppiert angezeigt werden soll, eckig mit etwa so:

Stadt A Stadtrat Wahlen

Sitz 1

• John Doe
• Jane Doe

Sitz 2

• Mike Doe
• Mary Doe

Answer 1

Hier gehen Sie. Die HTML-Struktur ist möglicherweise nicht genau das, was Sie wollen, also können Sie die von Ihnen verwendeten Tags ändern, aber das ist die Grundidee, ng-if und ng-repeat zu verwenden, um Listen von Kandidaten für einen bestimmten Sitz zu erstellen.

DEMO