javascript - Typescript - Bind ngModel to property of object - Stack Overflow

admin管理员组

文章数量:1415645

I have an object called user:

let user = {};

How can I bind an input to a undefined property? E.g.

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

And whenever the user enters his name, I want the ngModel to create the undefined property of that object and result in this:

user = {name: "John"};

Is this also possible to be done at deepter levels? E.g.

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

to result in:

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

I have an object called user:

let user = {};

How can I bind an input to a undefined property? E.g.

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

And whenever the user enters his name, I want the ngModel to create the undefined property of that object and result in this:

user = {name: "John"};

Is this also possible to be done at deepter levels? E.g.

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

to result in:

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

• javascript
• angular
• typescript
• undefined
• ngmodel

Share Improve this question Follow edited Aug 28, 2018 at 23:52 EDJ asked Aug 28, 2018 at 23:46 EDJEDJ 1,03344 gold badges2020 silver badges4343 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Two way data binding supports any nested objects, you just need to use it as,

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

since you have initialized data it wont throw any error.

Is this also possible to be done at deepter levels?

Yes. "user.homeaddress.postcode" will work.

本文标签： javascriptTypescriptBind ngModel to property of objectStack Overflow