Angular 5 Data Binding - как показать значения по умолчанию, привязанные к другому свойству модели? - PullRequest
0 голосов
/ 06 февраля 2019

Я создаю шаблон на основе 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".Как это можно сделать?

...