angular - Angular：无法更新嵌套 formGroup 和 formArray 中的值

Question

我有一个名为“selsectedForm”的formGroup，包括嵌套数组，第一级是“字段”formArray，第二级是“值”formArray。

我看到了很多关于嵌套表单数组的示例并尝试使用它们，但每次都失败了。

我无法在这些嵌套数组中使用 setValue() 或 patchValue() 方法来更新 formGroup 值。

我需要这样做以查看表单是否被触摸和有效，并更新提交的值。

这是代码：https ://stackblitz.com/edit/angular-httakx?embed=1&file=app/app.component.ts

Answer 1

您可以在应用程序中设置调试器并打印表单，以便检查 value 属性的字段以设置所需的确切内容。

对于 addField() 函数：

last.patchValue({values:['myValue']})

对于 addValue(i) 函数：

var storedValue = values.getRawValue(); 存储值[storedValue.length - 1] = '值' + i; values.patchValue(storedValue)

对于 removeValue(i,j)：

var storedValue = values.getRawValue(); 存储值[storedValue.length - 1] = ''; values.patchValue(storedValue)

删除字段时，您不需要任何东西来删除值，只需删除表单控件即可。

希望能帮助到你