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

【问题标题】：how to bind complex objects in angular2?如何在angular2中绑定复杂对象？
【发布时间】：2016-11-14 21:10:12
【问题描述】：

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

这是我的模特

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();

【问题讨论】：

有什么问题？
不行，页面卡住了
您检查浏览器控制台是否有错误？
是的，它给出了一些路由错误，我通常会因为我使用的路由无效而得到这些错误，没有与此相关的错误，我的绑定是否正确？还是它有任何关于绑定的语法错误？
那么问题不太可能与您问题中的代码有关，而是与路由有关。

标签： javascript html angular frontend

【解决方案1】：

从绑定中删除 model.

这行得通：

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

不需要实例化模型，直接暴露组件上的所有属性

【讨论】：

是的，知道了，输入标签只是缺少一个名称属性，现在可以了。顺便谢谢你