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

时间:2018-03-06 08:46:27

标签: angular angular-reactive-forms formarray

我有一个名为' selsectedForm'包括嵌套数组,第一级是'字段' formArray包含第二个级别,即'值' formArray。

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

对于addField()函数:

  

last.patchValue({值:[ '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(储值)

删除字段时只需删除表单控件,就不需要删除任何值。

希望有所帮助