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

• John Doe
• Jane Doe

сиденья 2

• Майк Doe
• Mary Doe

Answer 1

Здесь вы идете. Структура HTML может быть не совсем то, что вы хотите, поэтому вы можете изменить те теги, которые вы используете, но это основная идея с использованием ng-if и ng-repeat для создания списков кандидатов для данного места.

DEMO