在Angular 4+中处理反应形式中的数组[重复]答案

【问题标题】：Handling Arrays within Reactive Forms in Angular 4+ [duplicate]在Angular 4+中处理反应形式中的数组[重复]
【发布时间】：2018-06-16 02:06:46
【问题描述】：

我在 Angular 4+ 中有一个响应式表单，其中有多个 check boxes，如下所示：

现在用户可以选择尽可能多的复选框。所以这个表单的输出是一个选中的复选框的数组，像这样：

[
  "I have a bike",
  "I have a nothing",
  "I have a test"
]

我不知道如何在reactive forms 中处理这个问题。 请注意我正在使用以下内容：

import {FormGroup, FormBuilder, Validators} from "@angular/forms";

我想要什么：

在将checked 值发送到数据库之前，如何将其推送到反应式表单数组中。

如何以反应形式实现这一点？

【问题讨论】：

所以你想在提交后从响应式表单中获取控制台日志？
@Lakindu 没有。提交后数据被推送到服务器以保存在数据库中。我不知道如何在 reactive form 中添加 checked 值，所以它看起来像我的问题中的输出。这有意义吗？

【解决方案1】：

创建一个空数组。然后在提交函数中运行表单的所有控件并在“get(controlName)”的帮助下获取它们的值并将这些值推送到数组中。生成的数组可以照常提交。

【讨论】：