ionic 4 native http get empty array

Question

l am working on ionic 4 project. l am try to get data json array from url using native http for ionic . When l try to get data array from url json l got empty page ! .

data json l have is too long , l put here short json to show scheme

{
  "result": {
    "airprotname": {
      "code": "BGW"
    },
    "response": {
      "airport": {
        "plugin: {
          "schedule": {
            "arrival": {
              "data": [
                {
                  "flight": {
                    "identification": {
                      "id": iaw445,
                      "row": 4861006050
                    }
                  }
                }
              ]
            }
          }
        }
      }
    }
  }
}

my code

  export class HomePage {

      public items : any[] ; 
      constructor(private http: HTTP) {



        this.http.get('/airport.json?code=BGW', {}, {})
        .then(res=> {

          this.items = JSON.parse(res.data.result.response.airport.plugin.schedule.arrival.data)
        })
        .catch(error => {



        });

      }



    }

html

<ion-content>

   {{status}}
   <ion-list>
    <ion-item *ngFor="let item of items">
      {{item.flight.identification.id}}
      <div class="item-note" slot="end">
      </div>
    </ion-item>
  </ion-list>
</ion-content>

doc for native http

sorry , there was . but l have mistake when l copy the json . see my update — Ali Ghassan
– Ali Ghassan, Commented Feb 5, 2019 at 18:32

AVJT82 · Accepted Answer · 2019-02-05 19:40:31Z

1

parse the intial response you get, before trying to access your nested data, so do...

this.http.get('/airport.json?code=BGW', {}, {})
  .then(res=> {
     const parsed = JSON.parse(res.data);
     this.items = parsed.result.response.airport.plugin.schedule.arrival.data;
  })

answered Feb 5, 2019 at 19:40

AVJT82

73.6k25 gold badges146 silver badges170 bronze badges

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

Collectives™ on Stack Overflow

ionic 4 native http get empty array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related