angular - 如何使用 Angular 6 反应式表单绑定来绑定以下 HTML 标记？

Question

我正在处理 Angular 表单，请找到这个工作示例。

我需要将此表单绑定到表单组和表单数组并取出模型并发送数据库以保存更改。我遇到了问题，当相同的数据类型出现不止一次时，下拉框的更改会影响两个控件。

Answer 1

看来您没有FormArray正确实施，因此您需要先正确实施。

这样，我的意思是您已经在组件中导入了FormArray该类，但没有将其用作FormGroup数组中的控件中的控件（我假设您想在 this 上推送/弹出元素FormArray），这是正常使用案子。

我最近写了一篇关于如何做到这一点的文章，但如果您还有其他问题，还有Angular 文档。因此，按此顺序，您需要执行以下操作：

1. FormArray将and实现FormGroup到你的表单中；
2. 如果您需要双向数据绑定，请使用[(ngModel)]开箱即用的反应式表单绑定。
3. 就您获取 json 对象的问题而言，这是一个简单的问题；在您的模板中使用{{ yourForm.value | json }}，它将显示您的表单通过管道传输到 json 数据结构中。如果数据有任何问题，您可以在这里轻松地将其视为调试方法。

4. ,和将在实现FormControl时输出一个干净且有效的对象。FormGroupFormArray

5. 将您的 json 数据发送到数据库。