首页 文章

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

提问于
浏览 次
3

我有一个名为'selsectedForm'的formGroup包含嵌套数组，第一级是'fields'，formArray包含第二级，即'values'formArray .

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

我无法在这些嵌套数组中使用setValue（）或patchValue（）方法来更新formGroup值 .

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

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

angular angular-reactive-forms formarray

1 回答

  • 1

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

    对于addField（）函数：

    last.patchValue（{values：['myValue']}）

    对于addValue（i）函数：

    var storedValue = values.getRawValue（）; storedValue [storedValue.length - 1] ='value'i; values.patchValue（储值）

    对于removeValue（i，j）：

    var storedValue = values.getRawValue（）; storedValue [storedValue.length - 1] =''; values.patchValue（储值）

    并且在删除字段时不需要删除任何值，只需删除表单控件即可 .

    希望能帮助到你

    回复于

相关问题