在formarray angular中动态添加和删除formgroup

文章/答案/技术大牛

发布

2回答

Angular4 FormArray的removeAt函数关闭模式

angular

我的angular4应用程序有问题。有一个模式，由NG2-模态包装。该模态包含一个反应形式，它由一些FormGroups和FormArray组成。我可以在这个FormArray中动态地添加和删除元素。从这个FormArray中删除元素使用函数removeAt，问题是当使用这个函数时，它关闭了这个模态。有人知道怎么防止这事吗？import {Component, OnInit, Vi

浏览 2提问于2017-08-10得票数 0

回答已采纳

2回答

在Angular 7中动态添加行以形成表单

angular

我正在尝试向表单添加行。每行有3个输入字段。这就是我到目前为止所做的。title1:"", title2:"", title3:""}; return true; } 我可以用这个来添加新的行但问题是，当我在字段中输入一些数据并单击add按钮时，所有数据都会随着新行的插入而消失。我该如何解决这个问题？

浏览 24提问于2019-12-10得票数 2

回答已采纳

1回答

angular、angular-forms

我正在尝试使用计数器组件动态地向using数组添加和删除formgroup。在for循环中有4个计数器组件，它们有一个类别。当用户单击add按钮时，计数器会递增并将一个表单组添加到adds数组中。但现在我不得不删除正确的表单组。当用户单击窗体组上的delete按钮或递减计数器时，我想删除右侧的组。因此，在递减时，我需要删除该类别中的最后一个表单组，在</e

浏览 118提问于2020-09-02得票数 0

2回答

角反应形式中的嵌套动态阵列形式

angular、nested-forms、angular-reactive-forms、formarray、dynamicform

我有一个数组表单，即" address“，一旦用户单击”Address“按钮，这将是一个动态的，一个address表单将立即添加。我用一个问题实现了这个问题(添加/删除地址很好)。现在，我需要添加一个类似地址的动态联系人号码。工作代

浏览 0提问于2019-03-22得票数 3

回答已采纳

2回答

我应该使用哪种技术来生成角9中的动态形式？

angular、angular9、angular-forms

我有一个有formGroup的页面。表单组中的字段都是必需的。在布局下面列出与此formGroup相关的表单。我将有一个按钮来添加更多的信息。此信息是可选的。单击按钮时，可选窗体将重复出现。例如。然后，我可以添加更多的联系方式，点击“添加更多的联系人”。然后，一个包含“地址和电话”的表单将不断出现在页面上。我可以使用什么技术来添加这些动态字段？

浏览 3提问于2021-02-16得票数 1

1回答

如何聚焦使用角度模型驱动的表单动态创建的输入字段

angular、forms、angular7、model-driven

我在一个Angular 7应用程序中使用模型驱动表单，其中一个表单允许用户动态添加/删除一组字段。这是我所指的视觉参考：这是我使用的FormModel： id : new FormControl(''),Validators.required), options : new

浏览 8提问于2018-11-12得票数 2

1回答

如何动态添加FormControl到FormArray上按钮点击角度？

angular、angular-material、angular-forms

如何在formcontrol(option)中动态添加formarray？我想动态地向formarray添加问题。单击按钮后，应更新显示。我用的是角7。this.fb.array([]), }); createItem(): FormGroup; this.questions.push(this.

浏览 0提问于2019-11-25得票数 8

1回答

在父组件和子组件之间传递表单状态数据

angular、angular2-forms、angular2-formbuilder

使用Angular 2，我有一个又长又复杂的表单，为了便于管理，我将其拆分为一个父组件和两个子组件。在我需要跟踪表单状态以进行验证之前，该过程工作得很好。exampleModel.advanced">}) @Input() exampleModel: ExampleModel;在表单的底部f.value应显示有关“详细信息”和“高级”输入的数据。如何在父组件和子组件

浏览 2提问于2016-11-01得票数 0

2回答

错误: formArrayName必须与父formGroup指令一起使用

angular、angular-reactive-forms

我在我的一个项目中使用了反应式数组。我正在尝试创建一个动态表单，在单击按钮时添加/删除字段。我的代码中有以下错误import { FormBuilder, FormArray, FormGroup } from '@

浏览 5提问于2019-10-09得票数 2

回答已采纳

2回答

如何在angular中验证动态表单

html、angular、typescript

下面是我的HTML代码， <form [formGroup]="formGroup" (validSubmit)="onSubmit()"> this.bookingDetailsValidate(); this.formGroup= new FormGr

浏览 32提问于2021-08-17得票数 0

1回答

动态添加、删除和重置字段

angular

我正在创建一个动态表单，用于添加、删除和重置字段，在添加和删除功能上运行良好，但单击Reset则重置整个表单，而不是重置特定的输入组。, NgForm, Validators, FormArray } from '@angular/forms';}) ex

浏览 1提问于2019-10-16得票数 0

2回答

其他反应形式的数组

angular、forms、typescript、angular-reactive-forms、reactive

我在谷歌( FormBuilder )、谷歌( FormArray )和谷歌( FormGroup )上搜索了一下，但都感到困惑。

浏览 0提问于2018-05-07得票数 0

1回答

如何将对象推送到angular中的表单？

javascript、angular、typescript

associatedAccount": "test",} ->另一个表单 roles = new FormControl(); ->用户表单 createUserForm = new FormGroup

浏览 26提问于2021-08-08得票数 0

回答已采纳

4回答

如何将表单控件添加到现有表单组- angular2

angular、angular2-template、angular2-forms、angular2-services

我有一个在ngOninit中构建表单组，但稍后当单击其中一个控件时，我希望根据从ngOninit中的另一个API值向现有的表单组添加更多的控件。下图显示了实际需求。由于我是angular2新手，有人能帮我摆脱这个问题吗？

浏览 0提问于2017-04-05得票数 2

2回答

在表单提交并重置后，向FormArray添加新FormGroup时出错

angular、angular-material、angular9

在我的Angular应用程序中，我有一个包含多个文本字段的表单和一个FormArray，其中每个元素都是一个表示一行字段的FormGroup。此FormArray在启动时有1个FormGroup，可以通过单击按钮添加更多。此外，表单有一个提交按钮，在填写完所有字段之前不应启用该按钮。在提交表单时，我想调用Web服务，重置表单并删除字段错误，我成功地做到了这一点。但

浏览 9提问于2020-07-12得票数 0

回答已采纳

1回答

反应形式的数字数组，角度6？

angular、angular6、angular-reactive-forms、reactive-forms、formarray

我知道我们可以用FormArray将object数组添加到FormGroup中，如下所示： this.orderForm = this.formBuilder.group'', items: this.formBuilder.array([ this.createItem() ])} createItem(): FormGroupdescription: '',

浏览 1提问于2018-07-03得票数 2

回答已采纳

1回答

角6 FormArray丢弃零域

angular6、angular-formbuilder

我在用Angular 6。我有一个FormArray数组，如下所示phone_numbers: FormArray; }); createPhoneNumberFormField(): FormGroup但有时动态添加</em

浏览 0提问于2018-09-01得票数 1

回答已采纳

1回答

角度模板驱动的动态表单零件

angular、angular-forms

它看起来像这样:字段1，字段2，带有“添加字段3-5”的按钮，如果你点击它，你可以填写字段3-5，然后你可以提交表单或添加字段3-5的另一个实例，等等。

浏览 4提问于2020-09-23得票数 0

回答已采纳

1回答

在将控件动态添加到以角表示的响应形式时发出的问题

angular、angular-reactive-forms

我想动态地添加控件到表单中。但是，当我添加一个控件时，它第一次添加了两次，我不知道为什么，之后它运行得很好。</span></form>impor

浏览 2提问于2017-10-18得票数 1

回答已采纳

2回答

Angular: FormArray中的FormControl未触发验证函数

angular、forms

想象一下Angular中的以下FormGroup： this.form = new FormGroup({ age: new FormControl(),}, {}); 我稍后将使用以下命令在FormArray中添

浏览 23提问于2021-01-02得票数 0

回答已采纳

点击加载更多

Angular4 FormArray的removeAt函数关闭模式

在Angular 7中动态添加行以形成表单