问题标签 [formarray]

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

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

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

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

add.deal.component.ts

add.deal.component.html

我想加载两个下拉列表，一个下拉列表基于另一个下拉列表。

我正在使用 formarray 来加载表单值。在我的实际场景中，首先我使用表单数据（formarray）在 *ngfor 循环中加载值。下图显示了我的示例场景。

Img Brief：姓名、年龄、出生日期就像标签字段。只有下拉菜单是形式。

首先我使用 *ngFor 在视图中加载值，然后我使用表单数组加载值。

在这里加载它应该加载下拉值。如果我选择第一个下拉菜单。它应该改变第二个下拉值。在加载它自己时，我使用服务加载两个下拉列表中的数据。

组件.ts

组件.html

当前samplevalue变量值加载到最后一个 *ngfor 循环，因为动态下拉值正在根据 firstdropdown 更改每个数组，因此我无法设置该值。

我正在使用 Angular 6。我想在我的网格中加载 100 行，但是这 100 行包含大量数据，因此在我的 Angular 应用程序中加载这些数据时，它会挂起浏览器。

所以目前我改为每页 20 行，我正在使用远程分页。

但我需要在我的应用程序中加载 100 行。所以我尝试实现 WebWorkers。但我没有找到任何例子。

有人可以给我示例或步骤以 Angular 6 实现 WebWorkers

我也将反应式表单数组用于动态表单。在此，我在编辑表单上加载了 50 多个下拉字段，当时浏览也挂起。我也需要这个formarray的解决方案。

我无法在按钮单击时添加新的文本字段

这是我累了的代码，

主页.ts

主页.html

我想显示details_array的值，但它显示此错误： No value accessor for form control with name: 'mdNames'

请帮助我在哪里犯错？

我有一个嵌套的 JSON 数组，我必须使用 formgroup 或 formarray 迭代到 HTML。此响应将根据数组的长度迭代到动态创建的选择框中。传入的 JSON 响应是：

我必须以这样的方式将其迭代到 HTML 中，如果这些选项中的任何一个具有toBeSelectedas true，则应在 HTML 中预先选择该选项，如果没有，则可以显示占位符文本。

我有一个格式如下的变量字符串：id={ID}&sdv={sdvsdbsdb.:}

我需要获取两者之间的内容{ }并将其推送到表单组数组中。

我用来匹配这个的模式是\{([a-zA-Z\:\.]*?)\}

最初我使用的是一个更简单的正则表达式\{(.*?)\}，但问题是如果你取id={ID}&sdv={sdvsdbsdb.:}并删除第一个}，它将匹配从 first{到 first的整个字符串}。

我用来执行此操作的功能是：

这确实有效并匹配列表中已经没有的任何参数，但是当它说它添加到数组时，新值不会出现。

我有一个表，每一行都属于 formArray，每行内部都有一个列循环（属于另一个 formArray）。

这是代码html：

此代码的结果是创建行，但不是为不同的 td 在 thead 中创建列，而是将所有列放在一个 th 内，并将其他 th 留空。

这是我想要的解释：

但我明白了

我正在使用带有垫子自动完成功能的反应式表单。我在我的应用程序的其他部分使用了自动完成功能，但我无法弄清楚。我有一个formarray，每次我想在我的情况下添加一个新传感器时都会添加一个输入。自动完成在我的第一个输入中工作正常，但是当我尝试添加更多输入时显示错误：错误：必须为索引处的表单控件提供值：1

HTML：

TS：

形式数组：'sensors_id': this.fb.array([], Validators.required),

我是新手，所以如果我不是很清楚，我很抱歉..但我还没有找到解决方案

我有一个里面FormArray有不同的FormControl物品。我希望能够听到其中任何一个的更改事件。

我试图这样做：

但我似乎从来没有到达过console.log，即使我确信子控件正在触发一个更改事件（来自ControlValueAccessor界面）。

订阅 a 的子控件更改的方法是FormArray什么？