Typescript - привязать ngModel к свойству объекта

Question

У меня есть объект с именем 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"}};

Answer 1

Двухстороннее связывание данных поддерживает любые вложенные объекты, вам просто нужно использовать его как,

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

, поскольку вы инициализировали данные, они не будут выдавать никаких ошибок.

Answer 2

Возможно ли это сделать на более глубоких уровнях?

Да. "user.homeaddress.postcode" будет работать.