问题标签 [formarray]

我正在尝试为具有嵌套动态输入成分的食谱构建表单。我不知道我做错了什么。这是浏览器控制台的错误：

这是我的html

这是我的 ts 文件

我对角度很陌生，这让我发疯。所有表单的教程都有Angular 6似乎不支持的代码。是否有关于任何地方的FormArray嵌套表单的更新教程？

提前致谢。

将默认值设置为Angular 4中FormArray内Formcontrol中新添加的选择选项控件

有什么意见吗？

我的 JSON 结构如下...

根据 API 调用，此数据可能具有不同数量和值的“人”。我正在尝试使用 FormBuiler、FormGroup 和 FormArray 来创建一个反应式表单并修补数据中的值，但我无法弄清楚这一点。这是使用上述返回数据的 UI 的图像...

我试图创建一个 FormGroup 的两个实例，每个实例都有一个数组，但我无法让它工作。只是寻找一些关于如何设置它的指针......不担心总数，一旦我正确嵌套数组，我就可以弄清楚。

我当前的 HTML 看起来像这样......

我正在使用 Angular Reactive Forms 遍历一个值数组，我希望在 Form Array 之后有一个总字段，用于更新 Form Array 控件值的更改。

样本数据：

我正在创建反应式表单控件和数组，如下所示：

根据数组控件中的更改更新我的控件unmovedTotal和控件的最佳方法是什么。movedTotal这是一个StackBlitz展示我的结构。

我有一个嵌套的数组。我想编辑表单中的值，所以我进行了数据库查询以获取要编辑的值，但我无法将它们（personRows3 值）放在正确的输入字段中。personRows3 是一个嵌套表单数组，它有一个或多个表单组（personI3，personR3），见seg_inf下文。
我收到一个错误：
Error: Cannot find control with path: 'segmentRows3 -> 0 '
这是 .html 代码

这是.ts代码

一切正常，直到我尝试填写 personRows3 的输入字段！
你可以看到：{{seg.personRows3 |json}} 之后Add a person button

这是一个无效的代码。我错过了什么？

在@yurzui 回答之后：

我在 stackblitz 上创建了一个示例项目来测试嵌套组件并获取完整的表单值。

https://stackblitz.com/edit/mensand-hobbies-footbal-tennis

它是一个示例，我不想使用存储在数组中的不同组件。

表单已正确创建，但子控件未绑定到 form.value

有人知道我错过了什么吗？

我是 Angular 5 的初学者，试图将输入字段动态添加到带有表单数组的表中。我在 tr 标签中使用了 *ngFor ，示例代码如下：

HTML 文件：

TS 文件：

这是我的输出的样子： https ://i.imgur.com/ds4meaL.png

预期输出：F1 列下的输入字段 1。在 F2 列下输入字段 2。

注意：我也尝试替换 tbody 内的 ngFor 。没运气。提前致谢！抱歉，不能发布图片，因为我的代表点低。

我有一个带有表单组和表单数组的反应式嵌套表单。我添加了一个隐藏输入并想手动更新该值。
这是 .ts ：

这是.html：

我没有收到错误，但未设置值。
这就是我尝试过的：
let personRows3 = this.mySummaryForm.get( segmentRows3.${seg_index}.personRows3.${pers_index}) personRows3.pers_id: x.id
任何帮助表示赞赏。

我正在使用 angular5，因为我正在使用表单数组来动态生成字段。最初我想将表单数组加载为 0 个文件。如果我单击加号按钮，我想添加两个字段。有验证。

如果从数组为空，即现在创建字段，我必须提交没有此动态字段的按钮。

如果创建了字段，我必须设置验证而不在字段中输入信息，我不会启用提交按钮。

如果我在表单数组中设置validators.required，我无法在不输入前两个字段的情况下提交

我需要一个解决方案。

我知道我们可以FormGroup使用 FormArray 添加对象数组，如下所示：
https ://alligator.io/angular/reactive-forms-formarray-dynamic-fields/

但我想要数字数组而不是对象。
我们如何在 Angular 6.* 中做到这一点？
我们如何从中添加或删除数字项？