使用 Angular 8 反应形式捕获表单输入

Question

我想让我的表单按照我的设置方式工作。我需要多个表单才能在每个产品项目上都有更新和删除选项。我遇到的问题是，一旦我在表单中添加 [formGroup]="profileForm" 指令，表单控件就会停止工作。我很难让反应式表单工作，因为我的每个表单都在一个表格行中。

不幸的是，我在本地服务器上有数据，因此代码看起来不像显示的图片，但如果您想仔细查看我的代码，这里是堆栈闪电战：https : //stackblitz.com/github/RashellSmith/Dashboard -前端

Answer 1

您在 HTML 中混合了 formControlName和[formControl]。在您的情况下，您已经[formGroup]在代码中定义了。所以继续使用formControlName而不是[formControl]

Answer 2

您正在使用reactiveForms，您只需要将每个输入字段的 [formControl] 更改为 formControlName，如下所示<form [formGroup] >&nbsp; &nbsp; Your input fields are here.&nbsp; &nbsp; <input class="form-control" id="fullprice"&nbsp; formControlName="fullPrice" placeholder={{home.fullPrice}}></td></form>