在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);
}
}