Get Angular для использования начальных входных данных при отправке формы, даже если пользователь ничего не вводил в поле ввода

Question

У меня есть следующий компонент формы ввода

<input class="form-control" #FirstName="ngModel" name="FirstName" [(ngModel)]="formModel.FirstName" value="{{userProfile?.firstName}}">

Где я отображаю некоторые исходные данные при отображении страницы.

Моя цель - отправить эти исходные данные при отправке этой формы, даже если ничегобыл введен внутри формы от пользователя.Как мне этого добиться?

Answer 1

Для этого конкретного случая использования я бы предложил вам использовать реактивные формы. Поскольку вы можете использовать formControl и добавить свое значение по умолчанию как часть formControl.

formItem = new FormControl('default Value');
onSubmit(){
data = this.formItem.value;
}

Если мы используем шаблонУправляемая форма. Мы можем использовать директиву NgSubmit и добавить резективную логику для выбора данных из предоставленной вами ссылки на шаблон.

Формы, управляемые шаблоном: https://angular.io/guide/forms#submit-the-form-with-ngsubmit

Реактивные формы https://angular.io/guide/reactive-forms#step-2-generating-and-importing-a-new-form-control