Typescript-将ngModel绑定到对象的属性

时间:2018-08-28 23:46:59

标签: javascript angular typescript undefined ngmodel

我有一个名为user的对象:

let user = {};

如何将输入绑定到未定义的属性?例如

<input [(ngModel)]="user.name" placeholder="Enter your name"></input>

每当用户输入自己的姓名时,我都希望ngModel创建该对象的未定义属性并导致以下结果:

user = {name: "John"};

这是否有可能在更深层次上完成?例如

<input [(ngModel)]="user.homeaddress.postcode" placeholder="Enter your post code"></input>

导致:

user = {name: "John", homeaddress: {postcode: "E20 1QS"}};

2 个答案:

答案 0 :(得分:0)

  

这是否有可能在更深层次上完成?

是的。 active_file:22233 inactive_file:160 isolated_file:0将起作用。

答案 1 :(得分:0)

两种方式的数据绑定支持任何嵌套对象,您只需将其用作,

<input [(ngModel)]="user.homeaddress.postcode" placeholder="Enter your post code"></input>

由于已初始化数据,因此不会引发任何错误。