Я создаю шаблон на основе Angular 5.Требуется показать пользователю набор «начальных» значений формы, которые поступают из одного свойства в модели, однако изменения пользователя должны быть зафиксированы в другом свойстве.Элементы управления в форме являются простыми элементами ввода HTML.Свойство, которое захватывает пользовательский ввод, не должно быть захвачено, если оно не проходит через «грязное» состояние;то есть, если пользователь отправляет поля формы, которые не были изменены, не сохраняют свои значения в модели.
Обратите внимание на следующее:
export class Widget {
defaultValue: string, // pre-loaded from data store
overrideValue: string // initially, this property is empty
}
export class MyComponent{
widget1 :Widget;
widget2 :Widget;
widget3 :Widget;
// etc. ....
}
<form>
First datapoint: <input [(ngModel)]="widget1.overrideValue" />
Another datapoint: <input [(ngModel)]="widget2.overrideValue" />
</form>
Но вместо двухсторонней привязкив том же свойстве мне нужно загрузить начальные значения из одного свойства "defaultValue" и связать введенные пользователем данные с "overrideValue".Как это можно сделать?