How to convert the data return from api into json in Angular?

Question

userdata:any[];
    
this.auth.getapicall().subscribe(datareturn=>{
            console.log(datareturn.message);
            this.userdata=datareturn;

I am calling an api with get method and store its data in "datareturn". I have stored the result in array of userdata. if I console the userdata it returns the results but I am unable to understand that how to access the data inside userdata. Here is the console data snapshot....

Here is console result

{data: Array(1), pageinfo: {…}, message: "Success", submessage: "Success"}
data: Array(1)
0: {id: "5fd881a754315ca43cf4af48", account_id: "5fce31a454315ca43cf4af31", user_id: "5fce31a454315ca43cf4af32", name: "aamaadmi", is_custom: true, …}
length: 1
__proto__: Array(0)
message: "Success"
pageinfo: {page: 1, limit: 25, total_count: 1}
submessage: "Success"
__proto__: Object

Have you tried this.userdata = datareturn.message?.data?

Bojan Kogoj
– Bojan Kogoj

2020-12-22 08:16:04 +00:00
Commented Dec 22, 2020 at 8:16 — Bojan Kogoj
– Bojan Kogoj, Commented Dec 22, 2020 at 8:16

atiyar · Accepted Answer · 2020-12-22 09:34:30Z

1

The console result shows only one array - the data property. So if the console log is resulted from logging datareturn.message then you can access your array with datareturn.message?.data like below -

this.auth.getapicall().subscribe(
    datareturn => {
        this.userdata = datareturn.message?.data;
    });

answered Dec 22, 2020 at 9:34

atiyar

8,3857 gold badges41 silver badges83 bronze badges

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

Comments

Abiram · Accepted Answer · 2020-12-22 09:00:32Z

1

If looking your api response it seems you are having three items

data
message
submessage

Your needed information is in data so you must code like

this.userdata = datareturn.data

Try this.

answered Dec 22, 2020 at 9:00

Abiram

133 bronze badges

Collectives™ on Stack Overflow

How to convert the data return from api into json in Angular?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related