How to access elements of json in Angular 2

Question

when I did

loadPeople(){

    this.myService.load().then(data => {
            this.people = data;
            alert(this.people);
        });
    }

it alerts json as :

 {
"status": "true",
"statusCode": 200,
"response": [{
    "user_id": "92",
    "firstname": "joy",
    "lastname": "Panchal",
    "email": "[email protected]",
    "password": "7Y7+K0vZIVWPDUQH++Iu+/+tMZ",
    "user_type_id": "1"
}, {
    "user_id": "89",
    "firstname": "mark",
    "lastname": "haris",
    "email": "[email protected]",
    "password": "4JICqnTkR8ysTI+nQQ+rpfAf7e",
    "user_type_id": "1"
}]

}

now i am trying to access "response" by

loadPeople(){

this.myService.load().then(data => {
        this.people = data.response;
        alert(this.people);
    });
}

but it alerts as "undefined" .

can anyone tell where i am missing ??

yes it should , but dont know what went wrong . alert still saying "undefined" — Devang Mistry
– Devang Mistry, Commented Feb 13, 2017 at 10:07

Spanchal · Accepted Answer · 2017-11-30 05:54:16Z

1

you can access like this. please try.

`loadPeople(){
  this.myService.load().then(data => {
    this.people = JSON.parse(data.response);
    alert(this.people);
});

}`

answered Nov 30, 2017 at 5:54

Spanchal

4954 silver badges19 bronze badges

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

Comments

Tiep Phan · Accepted Answer · 2017-02-13 10:39:33Z

0

you need parse JSON first:

this.myService.load().then(data => {
    let res = JSON.parse(data);
    this.people = res.response;
    alert(this.people);
  });
}

edited Feb 13, 2017 at 10:39

answered Feb 13, 2017 at 10:15

Tiep Phan

12.6k3 gold badges40 silver badges44 bronze badges

6 Comments

Devang Mistry Over a year ago

Thanks for your response, it says " Property 'response' does not exist on type 'string'. " as it is JSON element.

Tiep Phan Over a year ago

could you console.log your data variable

Devang Mistry Over a year ago

yes, console.log it shawing when i am trying with " this.people = data " , not happening the same for " this.people = data.response "

Tiep Phan Over a year ago

your data is object or json string

Devang Mistry Over a year ago

its JSON stirng

|

Collectives™ on Stack Overflow

How to access elements of json in Angular 2

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related