angular2

Question

我有如下的父用户模型：

user.ts

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

我有一个名为employee.ts的儿童模特

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

在我的component.ts中，我将父模型实例化为：

model: User = new User();

在我的模板中：

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

使用该代码我得到：       Cannot read property 'name' of undefined。

我的代码出了什么问题？

Answer 1

您的用户对象应该是

类型

 export class User {
           employee: Employeee 
   } 

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

您只实例化了模型而不是子属性。

model: User = new User();

所以你应该这样做

声明

model : User = { };

Instancitating

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