无法阅读财产 虽然它是在angular2中初始化的但未定义

Question

我创建了模板驱动的表单作为学习Angular2的一部分。当试图显示表单时，我收到一个错误声称：“无法读取未定义的属性'FirstName'”，尽管我在类的声明中初始化了业务对象（worker）。它包括即使我在构造函数中初始化它。请参阅我的代码（“精益”版本）：Html（EditWorker.component.html）：

<input id="firstNameId" type="text" [(ngModel)]= worker.FirstName ... />

EditWorker.component.ts：

export class EditWorker 
{
    constructor(){}
    worker : Worker = new Worker();

Worker.model.ts：

export class Worker implements IWorker{
...
FirstName:string;
...
constructor(){}

我在这里错过了什么？

Answer 1

您需要在构造函数内实例化

 worker : Worker 
 constructor(){
  this.worker  = new Worker();
}

Answer 2

我知道初始化解决方案应该有效。应用程序引导的方式可能存在问题 - 我已经改变了它的引导方式（直接到我感兴趣的组件）并且它有效。谢谢你们

Answer 3

你试图将worker.FirstName更改为worker吗？.FirstName

<input id="firstNameId" type="text" [(ngModel)]= worker?.FirstName ... />

?