экстракта JSON данные в Angular2

Question

У меня есть следующий вывод JSON: http://pastebin.com/9bHaBrbX

Я хотел бы сделать этот псевдокод реальность:

For every Model { 
    For every Year { 
     For every Style { 
      if submodel.body is NOT in Array: 
       load submodel.body to Array; 
     } 
    } 
} 

Я хотел бы сохранить этот массив в моем model.component так Я могу использовать его, чтобы сделать кнопки, такие как:

<button *ngFor="let item in Array" ...> item </button> 

Как извлечь данные, которые я хочу (Model [х] .Years [у] .style [г] .submodel.body) (где х, у , z - переменные) из моего json-ответа?

У меня возникли проблемы с концептуализацией, как итерации через вложенные объекты json с помощью JS/TS/Angular2.

Answer 1

Вот подсказка:

<div *ngFor="let years of model.years"> 
<div *ngFor="let year of years"> 
    <div *ngFor="let styles of year.styles"> 
    <div *ngFor="let style of styles"> 
    <!-- your conditions, submodel.body... --> 
    </div> 
    </div> 
</div> 
</div> 

Примечание стороны: я согласен с другими выше, вы должны попытаться написать свой код самостоятельно.

Answer 2

Используйте простой запрос http, он будет загружать данные и хранить их внутри переменной items. Затем вы можете делать все, что хотите, - отображать, сортировать или просто держать.

https://plnkr.co/edit/bU7W6f0aO6eelvyCnKzc?p=preview