如何在angular2中绑定复杂对象

how to bind complex objects in angular2?

本文关键字:绑定 复杂 对象 angular2      更新时间:2023-09-26

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

这是我的模型

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

从绑定中删除model.

如此:

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

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