即使用户在输入框中未输入任何内容，也要使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