如何在angular2中绑定复杂对象？

Question

我正在尝试绑定这个复杂的对象

这是我的模特

export class something{

public Kids: any = { Kid1: { Name: "", DOB: "", Age: "", Gender: "" }, Kid2: { Name: "", DOB: "", Age: "", Gender: "" } };

}

这是我的HTML

<input type="text" [(ngModel)]="model.Kids.Kid1.Name" />

这是我的组件

model = new something();

Answer 1

从绑定中删除model.

这有效：

<input type="text" [(ngModel)]="Kids.Kid1.Name" />

您不需要实例化模型，组件上的所有属性都直接公开