How to call the data from arrays in angular 6

Question

when I log in that time I am getting the response like below. I want to store the token and id in local storage and cookie. How could I call the data in angular6

{
    code: 200
    data:
    {
       alt_email: null
       balance: "100.00"
       current_institution_id: null
       designation: null
       id: 75
       token: "5c5d0d8cb6716"
    }
    status:true
}

score 3 · Answer 1 · edited Feb 08 '19 at 05:40

Try this simply -

let a = {
        code: 200,
        data: {
            alt_email: null,
            balance: "100.00",
            current_institution_id: null,
            designation: null,
            id: 75,
            token: "5c5d0d8cb6716",
        },
        status: true
    };

localStorage.setItem('token', a.data.token);
localStorage.setItem('id', a.data.id);

PS : In case of cookies data are always saved in name-value pair using the syntax like document.cookie.

For more details read here basic explanation here

score 1 · Answer 2 · answered Feb 08 '19 at 05:28

If your response object is like this

 let res =    {
        code: 200
        data: {
        alt_email: null
        balance: "100.00"
        current_institution_id: null
        designation: null
        id: 75
        token: "5c5d0d8cb6716"
        }
        status:true
    }

then you can use

localStorage.setItem('id', res.data.id);
localStorage.setItem('token', res.data.token);

and you can retrieve anywhere using

localStorage.getItem('id');
localStorage.getItem('token');

Throw error like Property 'data' does not exist on type 'string' — malar, Feb 08 '19 at 05:33

score 0 · Answer 3 · answered Feb 08 '19 at 05:25

0

I am assuming you get it as a response in the Observable that subscribes to login service, since you mentioned angular 6

this.someService.login().subscribe(res => {
  localStorage.setItem('token', res.data.token); // <-- add these lines
  localStorage.setItem('id', res.data.id);  // <-- 
});

For cookies, use a package or service as described here How to create cookies in Angular 6?

answered Feb 08 '19 at 05:25

Dhananjai Pai

5,914
1
10
25

finally i got it – malar Feb 08 '19 at 14:11
Glad I could help @malar – Dhananjai Pai Feb 08 '19 at 14:14
Do consider an upvote / select answer on solutions that helped. – Dhananjai Pai Feb 08 '19 at 14:14
I am getting results with compilation error like error TS2339: Property 'data' does not exist on type 'Store[]'. – malar Mar 12 '19 at 12:52

How to call the data from arrays in angular 6

3 Answers3