问题标签 [formgroups]

我在Angular6中编写一个系统。系统使用表单，用FormGroup.

问题：如何在初始化后扩展表单？

例子：

我试图构建一个 Angular Reactive 表单，其中一个帐户可以添加许多学生。

该表格似乎有效。当您点击添加学生时，它会创建一个新学生，但您检查控制台显示

ERROR 错误：找不到带有路径的控件：'studentsArray -> 1 -> firstName

对于数组中的每个控件，依此类推。

app.component.html

app.component.ts

https://stackblitz.com/edit/angular-rqvv3a

任何建议将不胜感激。

我正在使用带有 formgorup 的 Angular 5 并希望迭代控件，以便创建基于表单的动态组件，表单字段由外部数据服务（数据库等）提供

声明如下

我发现这解释了如何迭代控件，但它不起作用。我尝试使用：

得到这是 chrome 调试：

无法读取未定义的属性“长度”

我无法访问 this.check.controls.keys 或 keys()

如何迭代密钥？

谢谢

我正在尝试使用带有 Angular 6 的 FormGroup、FormArray 等制作动态表单。我在添加新表单时遇到问题，当我在一个输入中输入一个值时，它会反映在我表单的其他输入中。

你可以在这里看到它https://stackblitz.com/edit/angular-4crhvw

我该如何解决它，以使数据不会在其他输入中重复自身？

谢谢

我有一个带有 FromGroup 和 FormArray 的动态表单。动态表单运行良好，我可以添加新元素等。另一方面，我在表单中默认加载对象列表时遇到问题。例如，如果我有一个包含两个对象的列表，我希望有两个表单及其两个对象的数据......我在这里有一个关于 stackblitz 的示例： https ://stackblitz.com/edit/angular-4crhvw

PS：在我的示例 stakblitz 中，我制作了显示元素的示例，但我想显示所有元素

将我要发布的内容作为附件查看

我FormGroup通常在提交表单后从 Frond 端获取数据，.reset()该方法通常会重置控件中的所有值。

1) 我的页面上有五个 FormControls，但我只想重置 4 个选项，其余 1 个应使用其已选择的值禁用。

2）想要摆脱 UI 看起来像的那个红线（错误类）：

到目前为止我尝试过的（如果 formControl 名称被brand禁用）：

ResetControls()方法：

表单组：

3) 重置所有选项，但无法为每个控件应用现有的必填字段。

我在使用材料表和表单的 Angular 中使用反应表单时遇到了一个奇怪的问题。我有一个带有自动完成设置的表单，可以从 api 获取产品。我在 onClick 上调用一个函数，该函数将该产品添加到默认数量为 1 的表单数组中。如果用户再次单击同一产品，我将增加数量，因此没有产品出现两次，只有数量增加。我还启用了数量作为输入，这样如果用户想手动输入数量，他只需输入值即可。问题是它在表单的值中增加，但在表单控件的值中没有增加。表单的 json 输出显示 2，但输入字段显示 1。查看代码和附加图像以更好地理解。

add.deal.component.ts

add.deal.component.html

编辑 这是我在 stackblitz course-quiz 中的完整项目在 course-play 文件夹中（course-play 是 course-quiz 的父级）

我正在尝试构建一个与页面分开的测验（每个页面都有一个问题）。我正在使用分页来执行此操作。数据从后端传递，html和http请求没有问题。我不需要将答案保存到数据库中，所以我想以某种方式使用本地数组。

这是测验的样子：

如果我检查答案并移至另一页并返回该页面，则数据已消失。我不知道要使用哪种数据结构（可能是 int 数组？）并且因为仅在最后一页上的提交按钮我不知道何时进行更新（当我设置寻呼机时？）。如何使用 formGroup 保存数据？到目前为止，这是我的代码：

零件

html

编辑：

这是分页服务：

我想使用 FormGroup 而不是 FormBuilder 来获取检查值的数组。

我遵循以下stackblitz链接中的代码

https://stackblitz.com/edit/angular-stszta

使用 FormBuilder 创建的表单我将其替换为 FormGroup。当我提交表单时，尽管我检查了复选框，但该复选框正在重新调整所有错误值。

this.formBuilder.group // 用 new FormGroup({

我有以下 HTML 表单：

有两种形式，外部形式是 setPaymentForm 和内部形式，我称之为 setPaymentClientName。

我想在提交时获取这两种形式的数据，所以我做了以下功能：

但是一旦我打开表单，我就会收到以下错误：

我对 angular 6 很陌生，我习惯于使用 angularjs 构建我的 web 项目，它比 angular6 完全不同。任何帮助表示赞赏。