Angular : Can't update values in nested formGroup and formArray

Question

我有一个名为“selsectedForm”的 formGroup，其中包含嵌套数组，第一层是“fields”formArray，第二层是“values”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[storedValue.length - 1] = 'value' + i; values.patchValue(storedValue)

对于 removeValue(i,j):

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

并且在删除字段时不需要任何内容​​来删除值，只需删除表单控件即可。

希望对你有帮助