How access the JSON Object received at angular side?

Question

I want to access the Photo attribute from the JSON Object, I am new to Angular and Loopback, I have been trying for Hours but I am not able to access that photo attribute.

Here is the JSON object I am getting from the Server

__zone_symbol__state: true

__zone_symbol__value: {…}

Photo: "http://192.168.1.11:3000/api/Pictures/images/download/1559895053710.jpg"

email: "[email protected]"

emailVerified: false

mobileno: "9490100101"

name: "Testuser"

societyId: "5ca71e45af5f770e103cff5a"

username: "Test1"

And Here is the method I am using to access the attribute as in loopback page I have read that they can be accessed by using just '.'

var k = this.auth.profiledata();
console.log(k.Photo);

The actual output should be this "http://192.168.1.11:3000/api/Pictures/images/download/1559895053710.jpg" when printing the K value but I am getting undefined.

Output screenshot of k value

when I stringify the output i am getting this Object { __zone_symbol__state: null, __zone_symbol__value: [] }

instead of the JSON Object

Try logging k alone and check if it has Photo property in it. Also, check if k is an object instead of a string. — Yashwardhan Pauranik
– Yashwardhan Pauranik, Commented Jun 10, 2019 at 6:36
the above JSON object i have presented is the k value that i have printed in console.it has the Photo property but i am unable to grab it. @YashwardhanPauranik — Bhanu Banda
– Bhanu Banda, Commented Jun 10, 2019 at 6:39
Can you add a screenshot of the console.log(k)? Did you check if k is stringified or parsed? — Yashwardhan Pauranik
– Yashwardhan Pauranik, Commented Jun 10, 2019 at 6:42

Bhanu Banda · Accepted Answer · 2019-06-10 12:50:03Z

1

I solved it thank You for the help this.auth.profiledata().then(k => this.profileData = k);

The issue was raised due Asynchronous promise catch. i used .then() to complete the promise and get the access to the JSON object

answered Jun 10, 2019 at 12:50

Bhanu Banda

7310 bronze badges

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

Collectives™ on Stack Overflow

How access the JSON Object received at angular side?

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