Json stringify a map contains map and objects Angular

Question

sorry for my english :)

i have a service , i need to stock it in storage , i make a mutliple caddies.But i have a probleme to use stringify for put mycaddies in string .. :

export class CaddyService {

   currentCaddyName:string="Caddy1";
  public caddies:Map<string,Caddy> = new Map();

}

i need to stock it in storage , i make a mutliple caddies:

localStorage.setItem('myCaddies',JSON.stringify(this.caddies));

and parse after in my constructor:

let caddies= localStorage.getItem('myCaddies');

but it doesn't work , the probleme that this caddies contains another map and object:

export class **Caddy**{

    constructor (public name:string){

    }


    public items:Map<number,ProductItem> = new Map();
    public client:Client;
}

export class **ProductItem** {



    public product:Product;
    price:number;
    quantity:number;
}


export interface Product{
    id:number;
    name:string;
    description:string;
    currentPrice:number;
    promotion:boolean;
    selected:boolean;
    available:boolean;
    photoName:string;
    quantity:number;
    _links:{
      self:{
        href:string;
      },
      product:{
        href:string;
      },
      category:{
        href:string
      }
    }

  }


export class Client {
    name:string;
    emai:string;
    phoneNumber:string;
    address:string;
    username:string;
}

thanks

Wandrille · Accepted Answer · 2019-11-01 10:46:44Z

1

If you want a simple solution:

use an object instead of new Map() because it can use stringify

caddies:{[key:string]:Caddy}

All the method inside Map can be gotten with: Object.keys(), Object.values() ...

Edit: I haven't seen that Caddy was also an object. In this case, it won't work. So two others solutions:

Use an interface instead of a class and use a service for the methods which were inside the class.
or create a method inside the class Caddy to map to an object. And also, a constructor to map object to the class.

edited Nov 1, 2019 at 10:46

answered Nov 1, 2019 at 10:27

Wandrille

6,9274 gold badges27 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Json stringify a map contains map and objects Angular

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