Parse a JSON response Angular 2

Question

Does anyone know how I can parse a JSON response into a structure like this?

   [
  {
    "iD": 2,
    "OrderList": [
      {
        "bidPrice": 0,
        "iD": 0,
        "name": "Name",
        "price": 10,
        "resteurant": "Restaurant"
      },
      {
        "bidPrice": 0,
        "iD": 0,
        "name": "Something",
        "price": 20,
        "resteurant": "La Place"
      }
],
    "owner": "Tom"
  }
]

I used json2ts to create these two structures:

  import {OrderList} from "./OrderList.ts";
import {Injectable} from  "@angular/core";

@Injectable()

export interface OrderBasket {
    iD: number;
    OrderList: OrderList[];
    owner: string;
}

and

import {Injectable} from  "@angular/core";

@Injectable()
export interface OrderList {
    bidPrice: number;
    iD: number;
    name: string;
    price: number;
    resteurant: string;
}

I make a call to the server and subscribe, but i cannot get this structure. Can anyone help ?

How are you getting your hands on that JSON response? I mean, how do you receive/get that data? This is important for us to give you options. — acdcjunior
– acdcjunior, Commented Jun 27, 2016 at 20:55

Community · Accepted Answer · 2017-05-23 11:46:43Z

9

I think that you could try the following:

this.http.get('http://...')
  .map(res => <OrderBasket[]>res.json())
  .subscribe(data => {
    // data corresponds to a list of OrderBasket
  });

You need to be aware of implications of casting with TypeScript:

How do I cast a JSON object to a typescript class

Otherwise, I don't understand why you use the Injectable decorator on your interfaces.

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Jun 27, 2016 at 21:25

Thierry Templier

203k44 gold badges407 silver badges366 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Parse a JSON response Angular 2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related