在angular 2中用html和typescript绑定接口

在angular 2中用html和typescript绑定接口,typescript,angular2-template,angular2-services,angular2-directives,Typescript,Angular2 Template,Angular2 Services,Angular2 Directives,请帮帮我 我想绑定一个接口,即 export interface IEmployee { code: string; name: string; gender: string; } 用我的Html,即 <div class="col-lg-6"> <div class="form-group"> <label class="control-label">Code</label> &l

请帮帮我 我想绑定一个接口,即

export interface IEmployee {
    code: string;
    name: string;
    gender: string;
}
用我的Html,即

<div class="col-lg-6">
    <div class="form-group">
        <label class="control-label">Code</label>
        <input type="text" class="form-control" [(ngModel)]="employees.code"/>
    </div>
    <div class="form-group">
        <label class="control-label">Name</label>
        <input type="text" class="form-control" [(ngModel)]="employees.name" />
    </div>
    <div class="form-group">
        <label class="control-label">Gender</label>
        <input type="text" class="form-control" [(ngModel)]="employees.gender" />
    </div>
    <div class="form-group">
        <input type="button" class="btn btn-primary" name="Add" value="Add" (click)="onClick(employees)"/>
    </div>
</div>
但我得到以下错误的错误

export class Employee implements IEmployee{
 code :string;
 name : string;

}
组件

export class NewComponent
{
  employee: Employee;

 constructor(private _homeService: HomeService) {
  employee = new Employee();
 }

//This interface will ensure basic information that IEmployee will be passed 
// to service
onClick(employee: IEmployee) {
    this._homeService.Add(employee);
  }
}

你能检查区分大小写的try代码而不是code吗?是的,我试过了,但仍然不起作用@Eldho可能会有帮助,我认为你应该初始化employee对象;然后,只有您可以指定给对象。如果我改为类而不是接口,并创建一个新的employee实例,它会工作。你能分享代码吗?
export class NewComponent
{
  employee: Employee;

 constructor(private _homeService: HomeService) {
  employee = new Employee();
 }

//This interface will ensure basic information that IEmployee will be passed 
// to service
onClick(employee: IEmployee) {
    this._homeService.Add(employee);
  }
}