Mapping nested JSON to Model in Angular 2

Question

I would like to map a model with nested JSON, but it is not recognizing 'message' id.

I've searched a lot and can not find what's wrong.

Would also like to create an auto-map data comparing JSON with the model (without need to set each value), is that possible?

JSON DATA:

{
    "author": "John Doe",
    "message": {
        "id": 32133,
        "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
        }
    }
}

post.model.ts

export class PostModel {

  author: string;
  message: PostMessageModel;

  constructor() { }

  convert(data: any) {
    this.author = data.author;
    this.message.id = data.message.id; // ERROR HERE
    this.message.text = data.message.text;
    ...
  }
}

interface PostMessageModel {
  id: number;
  text: string;
}

Error:

ERROR TypeError: Cannot set property 'id' of undefined
at PostModel.webpackJsonp.343.PostModel.convert (post.model.ts:10)
...

First initiate this.message with something, then you can set its fields. — DanielM
– DanielM, Commented Nov 24, 2017 at 19:20

DanielM · Accepted Answer · 2017-11-24 19:23:48Z

2

this.message = {
id: data.message.id,
text: data.message.text
};

answered Nov 24, 2017 at 19:23

DanielM

4,1319 gold badges43 silver badges58 bronze badges

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

Collectives™ on Stack Overflow

Mapping nested JSON to Model in Angular 2

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