问题标签 [formgroups]

我有一个可以有一个或几个人（角色，信息）的段（id，时间）。该字段是动态生成的。在为每个细分生成几个人之后，我注意到人们的索引不会随着每个细分的创建而重新启动。当我去删除一个人时，选择的人不是被删除（删除）的人。
所以我有 ：

如何重置人员的计数器，以便删除选定的人员。我怎样才能拥有正确的索引，例如：
段 1

这是我的 .html 代码

这是我的 .ts 代码

我有一个带有 2 个 FormControls“名称”和“类型”的 FormGroup。Type 是一个选择 html 输入，带有使用 ngFor 循环生成的选项。因此，当我编辑我的元素时，会显示带有 FormGroup 的组件，它会加载我要编辑的元素并自动在名称输入字段中填写元素的名称。我尝试做的与 type 字段相同。

我的组件.html

我的组件.ts

我有一个 FormGroup，它有几个 FormControl，每个使用一个字符串作为名称，一个对象（Answer）作为值。

我试图将表单组的值直接转换为 Map 但结果是未定义的。

例如

获得这个的唯一方法如下：

这不应该是从表格到地图的自然演员吗？

我有一个反应形式，点击新按钮，我可以再次获得相同的部分。但是这里选择字段中的选项没有显示，而且，一旦页面加载，我就会收到错误消息。

ERROR 错误：找不到带有路径的控件：'itemRows -> ContactName'

ERROR 错误：找不到带有路径的控件：'itemRows -> Phone'

ERROR 错误：找不到带有路径的控件：'itemRows -> 关系'

谁能帮我解决这个问题并帮助我在关系中获取下拉列表。

在每次页面加载时，我都会收到该错误，并且下拉列表中的数据也不可见。请帮忙

我有一个使用自定义验证器的表单组：

我正在尝试实现验证器模式，但它不起作用，请有人帮忙。

我有类似这样的 Bootstrap 元素：

重要的部分是input-group

问题是它只使用了一小部分空间。它将输入元素包装在仅使用的空间中，这导致输入行非常短。

我的想法是，如果我不使用它input-group或form-groupdiv 它工作正常。

我在 Chrome 中检查了开发者控制台，但找不到任何会导致这种行为的东西。

如何对两个 div 进行“正常”行为？

语境

我试图FormGroup在两个组件之间使用相同的，但效果不佳，所以我试图找出我错在哪里。

我有 2 个带有用于编辑相同内容的表单的不同组件，我想在这些组件之间切换。这个想法是使用相同的表单组，在组件之间共享修改。

问题

父组件创建FormGroup，将其提供给组件 A，修改数据，FormGroup触摸 ，但是当我切换组件并将其传递给第二个组件 B时，FormGroup具有初始值，未触及。

我在父组件中检查了FormGroup已修改的值，并且它已被触摸。

我尝试了类似的调试方法：

在componentB的ngOnInit：

• 在 中，我可以从componentAformData中看到修改后的值
• 在 中form.value，它是初始未触及的数据，并且表单被标记为未触及。

我真的不明白为什么我有这种行为......就像FormGroup没有更新，期望它是，因为它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
任何帮助表示赞赏。

我从后端获得了非常复杂的 json 对象，其中包含数组作为键值，如下所示：

我需要将此对象填充到我的响应式表单中。所以在我的 ngOnInit 函数中，我初始化表单并从服务中获取数组数据。然后我将此数据传递给“convertToFormGroup”函数，以从简单对象创建这个嵌套的 FormArrays。这个函数的问题是它只能工作一层。我担心 api 将来会发生变化，我需要在 FormArray 中使用另一个 FormArray？我认为这是完全错误的方法？这应该更简单地将具有嵌套数组的对象转换为具有嵌套 FormArrays 的 FormGroup。我们有一些现有的功能吗？我是 Angular 的新手，所以不要犹豫批评我。