我提交formControl值时得到空值？

Question

我创建了一个带有空数组的表单组。然后，我创建了一个下拉列表，用户可以在其中选择一个值。

如果所选值与我的列表中的一个匹配，则应将相应的数组值附加到新的表单组字段中。

示例：

CustomerType下拉列表，可能有以下选择： Salaried ， selfemployed

如果选择了salaried选项，则子阵列将包含“文档”列表，例如adhar卡，pan卡，选民ID等。

array['Salaried'] => ['adhar card', 'pan card', 'voter']

选中该选项后，我需要将这些值设置为新的表单组字段，例如docs：[]。

示例代码： this.tableForm.controls.classDetails.value[position].docs = this.docsArray;

输出： customerType：“ Salaried” docs：（7）[{…}，{…}，{…}，{…}，{…}，{…}，{…}]  使用此方法时，我可以获得结果，但是当我提交结果时，它更改为null。输出如下： customerType：“ Salaried” docs：null

Answer 1

您可以尝试

JSON.stringify([{…}, {…}, {…}, {…}, {…}, {…}, {…}]);

然后设置此字符串的值