问题标签 [formarray]

我已经浏览了 stackOverflow 和 internet 中的所有答案。

我只有FormArray 和 FormGroup的解决方案，但我只想将数据保存在 FormArray

WorkId:["a","b","c"]

以及我从服务器获得的数据也是上述格式

这是我的代码

我不能在 html 中进行验证，也不能抛出错误验证submit()通过脚本进行错误验证

任何人都可以帮助解决这个问题。

提前致谢。

如果我有一些数据，数据结构如下：

现在我有一些这样的项目数据：

也许这种方式很有用：

有没有什么优雅的方法可以用 FormArray 构建一个 FormGroup 并将这些数据设置为表单？

我正在处理 Angular 表单，请找到这个工作示例。

我需要将此表单绑定到表单组和表单数组并取出模型并发送数据库以保存更改。我遇到了问题，当相同的数据类型出现不止一次时，下拉框的更改会影响两个控件。

我正在以这种方式初始化我的表单，但是当我需要编辑它时，它不接受这些值

组件.ts

tinvoice.service.ts

从 HTML 我传递值

tinvoice.component.html

tinvoice-list.component.ts

通过控制台我有这个结果

在 StackBlitz 中查看

有任何想法吗？

我正在使用 Angular 6。我正在使用 formarray 加载动态表单。

Formarray 包含超过 100 行的下拉框。在加载大数据时，它会挂起浏览器，需要更多时间来呈现数据。

那 100 行下拉列表包含州和城市列表。

在用户编辑时，我必须在呈现的下拉列表中显示选定的州和城市。

有什么办法可以提高formarray数据渲染的性能。

组件.html

组件.ts

在此之前，我已经加载了所有下拉列表。当用户编辑 from 我必须在下拉列表中显示相应的值

注意：上面的代码片段是示例。可能它包含一些拼写错误。

如何将下拉菜单中的值合并到对象数组中？有两个带有预填充值的下拉菜单（个人和国家）

因此，在将国家/地区分配给人员时，我试图获取对象数组中的数据，例如：[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico'}]基于用户选择。

我正在尝试，FormArray但我做错了什么

堆栈闪电战

我需要在表单中显示这些值以便稍后进行编辑。总是告诉我这个错误“错误错误：control.registerOnChange 不是函数”

我以这种方式构建我的表单

并尝试展示它

有任何想法吗？

在 StackBlitz 中查看

我正在尝试从下拉值创建对象数组：

所以从图片中选择值的结果将是[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico'}]，但表单只提交最后一个对象。

堆栈闪电战

有谁知道如何根据选择元素值显示附加输入字段并将值推送到现有对象中？

有一个带有change指令的下拉选择元素

和countryChanged事件

所以我试图根据选定的值添加新的输入字段：

但我不知道如何显示输入字段并仅为选择值的对象推送值，因此结果将是

相当于[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico', remark: 'Some data'}, {person: 'Michelle', country: 'France'}]

堆栈闪电战

这是我的html：

这是我的 ts：

我从调试器返回的错误是：错误：找不到带有路径的控件：'taskDetails -> action'

我应该如何设置正确的路径？

我从这里有这个例子：https ://stackoverflow.com/a/45155324/5545770 --> 它基于“普通”表，但它也应该在mat-table上工作，对吧？

[更新] 我只是在错误的标签上设置了formGroupName

因为它是：

它应该是：