在對象中使用嵌套數組的AngularJS

Question

我試圖顯示JSON對象內的子數據和父數據的信息。下面是我的數據：

$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" 
      }] 

} 

我想顯示這個數據分組，採用了棱角分明像這樣：

市市議會選舉

座位1

• 李四
• Jane Doe

座2

• 邁克·多伊
• 瑪麗李四

Answer 1

在這裏你去。 HTML結構可能並不完全符合您的要求，因此您可以更改使用的標籤，但這是使用ng-if和ng-repeat創建給定座位的候選列表的基本思路。

DEMO