在 Angular2 中提取 JSON 数据

Question

I have the following JSON output: http://pastebin.com/9bHaBrbX

I would like to make this pseudocode a reality:

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

I would like to store this Array in my model.component so I can use it to make buttons such as:

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

How can I extract the data I want (Model[x].Years[y].Style[z].submodel.body) (where x,y,z are variables) from my json response?

I am having trouble conceptualizing how to iterate through nested json objects with JS/TS/Angular2.

Answer 1

Here is a hint :

<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>

Side note: I agree with others above, you should try to write your code yourself.

Answer 2

Use simple http request, it will download the data and store it inside the items variable. Then you can do whatever you want with it - display, sort or just keep.

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