Nested model in angular2

Question

I have the parent user model like below:

user.ts

   export class User {
           employeeModel: employee = new Employee();
   }

and I have a child model named employee.ts

   export class Employeee {
           name: string ;
           age: string ;
           position: string ;
   }

In my component.ts I instantiate the parent model like:

model: User = new User();

And in my template:

<input type="text"  [(ngModel)]="model.employeeModel.name">

Using that codes I get : Cannot read property 'name' of undefined.

What is wrong with my codes?

hey are you there??

Aravind
– Aravind

2017-03-18 20:03:14 +00:00
Commented Mar 18, 2017 at 20:03 — Aravind
– Aravind, Commented Mar 18, 2017 at 20:03

Aravind · Accepted Answer · 2017-03-10 03:38:21Z

1

Your user object should be of below type

 export class User {
           employee: Employeee 
   } 

   export class Employeee {
           name: string ;
           age: string ;
           position: string ;
   }

You have instantiated only the model and not the sub properties.

model: User = new User();

So you should be doing this

declaration

model : User = { };

Instancitating

this.model.employee ={
    name: '',
    age: '',
    position: -1
}

edited Mar 10, 2017 at 3:38

answered Mar 10, 2017 at 3:33

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

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

Collectives™ on Stack Overflow

Nested model in angular2

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