Angular 4 - Typescript: json2typescript json key mapper

Question

Sorry but I didn't explain it very well. I edit my question again:

I have an angular 4 application and I use json2typescript to convert from json to object and vice versa but I have a problem because I have a class structure and the response json from an external api has another structure. Example:

Customer {
  @JsonProperty('idCardNumber', String)
  idCardNumber: string = undefined;
  @JsonProperty('rolInfo.name',String) 
  name: string = undefined;
  @JsonProperty('rolInfo.surname',String) 
  surname: string = undefined;  
}

External Json API Reponse:

 {
   "idCardNumber": "08989765F",
   "rolInfo": {
      "name": "John"
      "surname: "Smith"
   }
 }

So, I would like to map from the json above to my Customer object and not to change my structure. I tried to put 'rolInfo.name' into the JsonProperty, but that doesn't work.

Jp Vinjamoori · Accepted Answer · 2018-07-09 17:02:15Z

1

Change your Customer class to something like below

Customer {
  @JsonProperty('idCardNumber', String)
  idCardNumber: string = undefined;

  @JsonProperty('rolInfo', Any) 
  rolInfo: any = {}; // if you set this to undefined, handle it in getter/setter

  get name(): string {
      return this.rolInfo['name'];
  }

  set name(value: string) {
      this.rolInfo['name'] = value;
  }

  get surname(): string {
     return this.rolInfo['surname'];
  }

  set surname(value: string) {
      this.rolInfo['surname'] = value;
  }
}

That should do it

edited Jul 9, 2018 at 17:02

answered Jul 6, 2018 at 9:15

Jp Vinjamoori

1,2716 silver badges17 bronze badges

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

2 Comments

Jesus Sanchez Over a year ago

Thanks for your answer, but I didn't explain very well. I edit my response to give more detail about my Customer class and the json file.

andreas Over a year ago

As of now, you can also implement a custom converter, which may look a little bit nicer. But of course this solution works as well!

divyanshch · Accepted Answer · 2018-06-13 13:38:48Z

0

Seems like the response JSON is already in a good format and you don’t need to do the conversion. I would recommend creating models as they allow for serialization and deserialization when making API calls and binding the response to that model.

answered Jun 13, 2018 at 13:38

divyanshch

4001 gold badge5 silver badges16 bronze badges

1 Comment

Jesus Sanchez Over a year ago

Sorry, but I don't understand your answer. Could you be more specific and give me an example please? Thanks in advance :)

Collectives™ on Stack Overflow

Angular 4 - Typescript: json2typescript json key mapper

2 Answers 2

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Related