问题标签 [formarray]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
6529 浏览

forms - Angular 4中的嵌套FormArray?

嘿,在 Angular 4 中需要反应式表单的帮助。我已经声明了下一个 FormGroup:

但我想在部门数组中嵌套其他数组。有这样的东西:

可以嵌套 FormArrays 吗?或者这样做的最佳方法是什么。

0 投票
3 回答
79066 浏览

angular - 打字稿。FormGroup FormArray - 按值仅删除一个元素对象。角 2 4

我以这种方式添加新元素: this.images.push(new FormControl(new ImageCreateForm(this.imageResponse.id)));

我的课程:

当我添加图像时,我{{ formGroup.value | json }}的是:

我想在发送表单 POST 请求时删除之前的图像(例如仅带有 的图像id=502) 。formGroup是否可以?我尝试了使用reset方法,但这删除了所有元素: this.images.reset({"id":image.id});. 它image是一个ImageResponse对象。

结果:{"images": [ null, null, null ]},但我想要:

0 投票
0 回答
55 浏览

angular - HTML 输入控件替换为添加新控件

我正在研究 Angular 反应式表单,我想将控件动态添加到 Angular 表单数组。但是当我添加一个选择框或文本区域时,之前添加的控件也会被新添加的控件替换。我认为我的 HTML 代码中存在一些问题:

这是组件类代码:

它是我项目的 stackblitz 演示网址: https ://stackblitz.com/edit/angular-mjiu8x

请帮忙。

0 投票
2 回答
1150 浏览

angular - 如何对 Angular FormArray 进行字符串化以将其发送到服务器

在 Angular 项目中,我有一个包含 FormControls 的 FormArray,我不知道如何对这个 FormArray 进行字符串化以便将其发送到服务器。这是代码、Submit 方法和我制作 Observable 的服务。请帮忙。

0 投票
0 回答
282 浏览

angular - Angular 2 文本框延迟

问题是这样的:我有一个大表格,基本上是一个文本框网格。实际的网格有 23 列和最多 400 行。这个网格是使用 ngFor 和 FormArray 动态生成的,因为记录的数量是任意的。

当您在文本框中输入内容时,文本更改之前会有很大的延迟。

有没有办法在不减少文本框的情况下加快速度?

这是一个 plunkr 来证明这一点:

http://plnkr.co/edit/seLHqs36lAZiykdGHbXP?p=preview

请务必使用 Chrome

确保分离视图窗口,以便一次可以看到许多文本框。

0 投票
1 回答
1823 浏览

angular - 访问 FormArray 中的对象属性并更新 Angular 4 中的值

我想从表单访问对象属性和绑定值。到目前为止,我尝试了不同的选择,但没有成功。这就是我到目前为止所拥有的,我已经简化了下面的代码:

表单组:

查看代码:

上面的代码出于这个问题的目的进行了简化,场景不同,但最终像这样我想更新对象内部的价格值。在我进行研究时,我已经看到了很多方法,但似乎没有什么对我有用。

0 投票
0 回答
127 浏览

angular - 如何将值推送/修补到 FormArrays Angular 4

我试图 setValue ,在创建时将值推送到 FormArrays 中,但它不起作用。有人可以告诉我如何在创建 FormArray 时设置值吗?

我在这段代码中试图做的是,两次添加formarray,值为MGR,42,Actor。但它不工作的价值没有分配。有人可以帮助我或告诉我如何在创建 FormArray 时设置值吗?

0 投票
1 回答
1266 浏览

angular - 用户输入的数据未存储在组件的变量 Angular Reactive 表单中

您好,我正在使用 Angular 反应式表单,我使用 FormArray 动态添加表单控件。我正在使用 ngModel 指令将用户输入的数据存储在 components 变量中。但它没有将其存储在 components 变量中。我的代码是:

这是组件类代码:

这是我的 Control 类,我将它的对象传递给 FormControl 构造函数:

为了检查用户输入的数据是否存储在组件的变量中,我记录了我的 FormGroup 变量,即在这种情况下的 reviewForm。没有数据保存在其中。请帮忙,谢谢

0 投票
3 回答
9544 浏览

angular - Angular FormArray:在模板中引用动态添加的 FormControl

我正在处理 Angular Reactive 表单,我已经动态地将几个 FormControl 添加到 FormArray 中,但是在将它们与 formControlName 绑定时,我遇到了在模板中引用这些 FormControl 的问题。在模板中,我将循环索引变量“i”分配给 formControlName,但它不起作用。通过将控件与 formControlName 绑定,我得到“带路径的表单控件的无值访问器”。这是我的组件类代码:

这是我组件的模板:

在我的组件类中,FormGroup 中只有 FormArray。在 addControl 函数中,我制作了一个自定义控件并将该控件作为第一个参数传递给 FormControl。之后,我将此 FormControl 推送到我的 FormArray 中。请帮助,在模板中如何将 formControlName 关联到 FormControls。谢谢

0 投票
1 回答
735 浏览

forms - 如何在 Angular2 中使用数据数组填充表单?

下面的 SO 问题帮助我设置了一个表单构建器、正确的验证以及来自 formBuilder 数组的一组动态输入字段。

如何在Angular2中为表单分配和验证数组

请注意此解决方案代码http://plnkr.co/edit/YoqdBEo0MihaxdhHH1FV?p=preview

在新表单上一切正常,但是在尝试从数据库中填充所述表单时我卡住了。

我正在使用以下代码,并且 initialValue 在之前的交易中从此表单中保存了多封电子邮件。我所有的其他表单域都可以正常工作。我只是不确定如何对数组进行操作。

如果我保留注释行,则仅数组中的第一封电子邮件在表单中正确显示。

如果我取消注释这些行并尝试使用新的电子邮件列表刷新 emailsCtrl。我收到以下错误。