问题标签 [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.
forms - Angular 4中的嵌套FormArray?
嘿,在 Angular 4 中需要反应式表单的帮助。我已经声明了下一个 FormGroup:
但我想在部门数组中嵌套其他数组。有这样的东西:
可以嵌套 FormArrays 吗?或者这样做的最佳方法是什么。
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 ]}
,但我想要:
angular - HTML 输入控件替换为添加新控件
我正在研究 Angular 反应式表单,我想将控件动态添加到 Angular 表单数组。但是当我添加一个选择框或文本区域时,之前添加的控件也会被新添加的控件替换。我认为我的 HTML 代码中存在一些问题:
这是组件类代码:
它是我项目的 stackblitz 演示网址: https ://stackblitz.com/edit/angular-mjiu8x
请帮忙。
angular - 如何对 Angular FormArray 进行字符串化以将其发送到服务器
在 Angular 项目中,我有一个包含 FormControls 的 FormArray,我不知道如何对这个 FormArray 进行字符串化以便将其发送到服务器。这是代码、Submit 方法和我制作 Observable 的服务。请帮忙。
angular - Angular 2 文本框延迟
问题是这样的:我有一个大表格,基本上是一个文本框网格。实际的网格有 23 列和最多 400 行。这个网格是使用 ngFor 和 FormArray 动态生成的,因为记录的数量是任意的。
当您在文本框中输入内容时,文本更改之前会有很大的延迟。
有没有办法在不减少文本框的情况下加快速度?
这是一个 plunkr 来证明这一点:
http://plnkr.co/edit/seLHqs36lAZiykdGHbXP?p=preview
请务必使用 Chrome
确保分离视图窗口,以便一次可以看到许多文本框。
angular - 访问 FormArray 中的对象属性并更新 Angular 4 中的值
我想从表单访问对象属性和绑定值。到目前为止,我尝试了不同的选择,但没有成功。这就是我到目前为止所拥有的,我已经简化了下面的代码:
表单组:
查看代码:
上面的代码出于这个问题的目的进行了简化,场景不同,但最终像这样我想更新对象内部的价格值。在我进行研究时,我已经看到了很多方法,但似乎没有什么对我有用。
angular - 如何将值推送/修补到 FormArrays Angular 4
我试图 setValue ,在创建时将值推送到 FormArrays 中,但它不起作用。有人可以告诉我如何在创建 FormArray 时设置值吗?
我在这段代码中试图做的是,两次添加formarray,值为MGR,42,Actor。但它不工作的价值没有分配。有人可以帮助我或告诉我如何在创建 FormArray 时设置值吗?
angular - 用户输入的数据未存储在组件的变量 Angular Reactive 表单中
您好,我正在使用 Angular 反应式表单,我使用 FormArray 动态添加表单控件。我正在使用 ngModel 指令将用户输入的数据存储在 components 变量中。但它没有将其存储在 components 变量中。我的代码是:
这是组件类代码:
这是我的 Control 类,我将它的对象传递给 FormControl 构造函数:
为了检查用户输入的数据是否存储在组件的变量中,我记录了我的 FormGroup 变量,即在这种情况下的 reviewForm。没有数据保存在其中。请帮忙,谢谢
angular - Angular FormArray:在模板中引用动态添加的 FormControl
我正在处理 Angular Reactive 表单,我已经动态地将几个 FormControl 添加到 FormArray 中,但是在将它们与 formControlName 绑定时,我遇到了在模板中引用这些 FormControl 的问题。在模板中,我将循环索引变量“i”分配给 formControlName,但它不起作用。通过将控件与 formControlName 绑定,我得到“带路径的表单控件的无值访问器”。这是我的组件类代码:
这是我组件的模板:
在我的组件类中,FormGroup 中只有 FormArray。在 addControl 函数中,我制作了一个自定义控件并将该控件作为第一个参数传递给 FormControl。之后,我将此 FormControl 推送到我的 FormArray 中。请帮助,在模板中如何将 formControlName 关联到 FormControls。谢谢
forms - 如何在 Angular2 中使用数据数组填充表单?
下面的 SO 问题帮助我设置了一个表单构建器、正确的验证以及来自 formBuilder 数组的一组动态输入字段。
请注意此解决方案代码http://plnkr.co/edit/YoqdBEo0MihaxdhHH1FV?p=preview
在新表单上一切正常,但是在尝试从数据库中填充所述表单时我卡住了。
我正在使用以下代码,并且 initialValue 在之前的交易中从此表单中保存了多封电子邮件。我所有的其他表单域都可以正常工作。我只是不确定如何对数组进行操作。
如果我保留注释行,则仅数组中的第一封电子邮件在表单中正确显示。
如果我取消注释这些行并尝试使用新的电子邮件列表刷新 emailsCtrl。我收到以下错误。