在Angular中动态创建表单中的FormArray字段
是指在表单中动态添加或删除多个表单控件的字段。FormArray是一个表单控件组，可以用于处理多个重复的控件。
概念： FormArray是Angular中的一个类，用于表示一个表单控件数组。它提供了一组表单控件，可以用于处理动态添加或删除的表单字段。
分类： FormArray是Angular表单控件的一种类型，属于响应式表单的一部分。它与FormControl、FormGroup等控件一起构成表单的结构。
优势：
- 动态添加和删除表单字段：使用FormArray可以轻松地在表单中动态添加或删除多个表单控件。
- 简化表单验证和数据处理：通过FormArray，可以方便地对动态创建的表单字段进行验证和处理数据。
- 可扩展性：FormArray可以与其他表单控件结合使用，使表单的结构更加灵活和可扩展。
应用场景：
- 动态表单：当需要用户根据需求动态添加或删除表单字段时，可以使用FormArray来实现动态表单功能。
- 多个重复表单字段：当需要处理多个重复的表单字段时，可以使用FormArray来处理这些表单字段。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了云计算服务和解决方案，以下是一些与表单开发相关的产品和链接：
- 云函数（SCF）：腾讯云函数（Serverless Cloud Function）是一种事件驱动的无服务器计算服务，可用于处理表单数据的后端逻辑。了解更多请访问：云函数产品介绍
- 云数据库MySQL版（TencentDB for MySQL）：腾讯云数据库MySQL版提供高性能、可扩展的云数据库服务，可以用于存储表单数据。了解更多请访问：云数据库MySQL版产品介绍
- 云存储（COS）：腾讯云对象存储（Cloud Object Storage）是一种海量、安全、低成本、高可靠的云存储服务，可用于存储表单上传的文件。了解更多请访问：云存储产品介绍
注意：以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估。
相关·内容
我正在使用动态表单控件通过引用来创建动态字段，我想在Angular 6中使用setValidators和updateValueAndValidity来验证动态字段。
下面是我使用过的语法，但它不起作用。
(<FormArray>this.addQuestionForm.get('other')).setValidators([Validators.required]);
(<FormArray>this.addQuestionForm.get('other')).updateValueAndValidity();
也让我知道如何删除动态添
浏览 2提问于2019-08-12得票数 0
我正在学习FormArray来制作一个动态表单。我的问题是，我必须将表单数组中的字段与多选下拉列表中的选定项相关联。假设我选择了一个名为' Foo‘的选项，然后将创建3个字段来提供有关Foo的信息，并且可以创建更多字段，因此是FormArray。 所以，我按照这个教程学习了一点https://alligator.io/angular/reactive-forms-formarray-dynamic-fields/，但我的问题是，只有在表单中从一开始就定义了FormArray字段时，它才能起作用。我要做的是将所选选项和它的字段关联起来，动态地创建如下形式的字段： const idCat
浏览 23提问于2020-04-22得票数 0
1回答
我在一个Angular 7应用程序中使用模型驱动表单，其中一个表单允许用户动态添加/删除一组字段。这是我所指的视觉参考：
这是我使用的FormModel：
this.formModel = new FormGroup( {
id : new FormControl(''),
name : new FormControl('', Validators.required),
comment : new FormControl(''),
options : new FormControl(3),
浏览 8提问于2018-11-12得票数 2
1回答
我使用的是angular 6，我想在我的网格中加载100行，但是这100行包含了很多数据，所以在我的angular应用程序中加载这些数据时，浏览器会挂起。
因此，目前我使用的是远程分页，改为每页20行。
但是我需要在我的应用程序中加载100行。因此，我尝试实现WebWorkers。但是我没有找到任何例子。
有人能给我在angular 6中实现WebWorkers的示例或步骤吗
此外，我还使用了动态表单的反应式formarray。在这个我加载了50多个下拉字段的编辑表单，时间也浏览挂起。我也需要这个formarray的解决方案。
浏览 3提问于2018-08-27得票数 0
我试图学习如何在角中创建动态表单字段，我无法理解ngFor循环中索引值的工作逻辑，以及这个索引值如何帮助创建动态表单字段。
product-form.component.ts
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray, FormControl } from '@angular/forms';
@Component({
selector: 'app-product-form',
template
浏览 0提问于2019-07-24得票数 1
回答已采纳
我在表单生成器中有一个表单数组，并且动态地更改表单，即单击从应用程序1加载数据等等。
我遇到的问题是，所有的数据都加载进来了，但是formarray中的数据仍然存在，只是将旧项与新项连接在一起。
如何使formarray只包含新数组并隐藏前一个数组。我正在使用angular2创建一个数组表单。
我的项目的
浏览 3提问于2017-04-26得票数 0
回答已采纳
我想使用formControlName和formArray在angular6中动态创建的input表单上设置formGroup和formArray。
component.html :
<form [formGroup]="ecosystemFormG" novalidate>
<div formArrayName="transactions">
<div [formGroupName]="i" *ngFor="let transaction of getTra
浏览 1提问于2018-06-08得票数 1
回答已采纳
在我的Angular应用程序中，我有一个包含多个文本字段的表单和一个FormArray，其中每个元素都是一个表示一行字段的FormGroup。此FormArray在启动时有1个FormGroup，可以通过单击按钮添加更多。此外，表单有一个提交按钮，在填写完所有字段之前不应启用该按钮。在提交表单时，我想调用Web服务，重置表单并删除字段错误，我成功地做到了这一点。但是，在表单提交之后，我单击按钮向我的FormArray添加一行，这个新FormGroup的所有表单域都以红色高亮显示。提交按钮也是启用的，但我希望它被禁用，因为所有的表单域都没有填写。有什么办法解决这个问题吗？ 我在https://
浏览 9提问于2020-07-12得票数 0
回答已采纳
2回答
动态形状的FormArray角
、、、、
我实现了一个stackblitz，在这里您可以使用一些配置创建一个动态表单。在使用FormArray之前，一切都很好。你有什么想法？基本上，您可以在配置文件中有不同类型的许多字段。例如，checkbox、text、number select等。在某些情况下，您应该有一个更复杂的结构，因此您应该有一个FormArray。在这堆闪电战中，我试图代表发生了什么
所以，当我找到一个array类型时，我将创建一个FormArray，而不是一个简单的FormControl，这是我的字段列表
public fields: any[] = [
{
type: "text"
浏览 4提问于2020-11-03得票数 4
回答已采纳
我试图在一个反应性表单上创建所需的表单字段，但是表单总是有效的，在这两个字段都不是空的之前，我希望它是无效的。
import { Component, VERSION, OnInit } from "@angular/core";
import {Form, FormArray, FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
@Component({
selector: "my-app",
templateUrl: "./app.
浏览 5提问于2021-01-28得票数 1
回答已采纳
我有一个带有几个部分的角度动态表单。该部分可以是formGroup和formArray。并且每个部分还可以有一个formGroup和一个formArray。我想实现未保存的表单更改的回滚。为此，我从NGRX存储中获取了上次保存的一组值。当回滚更改时，我使用patchValue在表单中填充数据。但是，如果在编辑表单期间从formArray中删除了字段，则patchValue将只填充那些可用字段的数据。在不使用所有字段的手动迭代的情况下，如何恢复具有正确数量的formArray的表单配置？
浏览 22提问于2021-07-09得票数 0
在这里，我们动态创建表单数组的内部数组。
下面是下面给出的预期结果的示例结构。
{
"optionsRadios": null,
"Package_Title": null,
"HotelData": [
{
"Htitle": "",
"HDescription": "",
"hotelStar": "",
"RoomData": [
{
"Hotel
浏览 0提问于2017-09-01得票数 6
我有一个formArray，它由多个表单组组成。我需要根据数组中每个表单组中的布尔字段动态地对数组进行排序。
布尔字段是一个复选框，在任何给定的时间点只能选中一个复选框(模拟单选按钮)。因此，当单击复选框时，我需要根据选中的复选框对formArray进行排序。
我知道文档建议不要弄乱AbstractControls[]在formArray中的位置，那么什么是动态排序数组的理想方法呢？
我尝试将数组切片并将控件设置回formArray中，但我一直收到一个错误：“必须为表单控件提供一个名为‘primaryIndicator’.的值。”
const abstractControls = this.f
浏览 0提问于2018-03-08得票数 14
我已经在angular11中创建了动态表单输入。需要通过单击添加按钮来验证动态添加的表单域。我找不到正确的解决方案。以下是我的代码 在component.ts文件中 this.pollAdd = this.fb.group({
question: ['',Validators.required],
queChoices:this.fb.array([this.createChoice()]),
});
addChoice(){
this.queChoices=this.pollAdd.get('queChoices')
浏览 35提问于2021-04-15得票数 0
1回答
我想定义一个带有递归字段的强类型表单：
import { FormArray, FormControl, FormGroup } from '@angular/forms';
export interface ICodeSystemConceptForm {
code: FormControl<string>;
display: FormControl<string>;
definition: FormControl<string>;
concept: FormArray<FormControl<ICodeSys
浏览 9提问于2022-09-14得票数 0
回答已采纳
2回答
注意到angular5窗体使用生成器构造包含捕获附加动态数据所需的表单数组的奇怪行为，只有在以下情况下才更新表单数组值
在创建过程中，初始窗体控件添加到窗体数组this.formBuilder.array(this.getRow())中
当第一个初始控件被触摸时
角版5.2.0
点1/2增编
更改似乎只在未动态添加到FormArray的组件上注册。
窗体数组元素包含初始化过程的代码。
ngOnInit(){
this.form = this.formBuilder.group({
name:[null],
description:[null
浏览 3提问于2018-01-14得票数 3
我有FormGroup在FormArray。表单创建空的，用户填充它。用户可以在mat表中正确地编辑字段，但是如果用户输入错误的值(验证只工作一次，在推送行的瞬间)，则验证无效。我在中做了一个示例--如何动态验证所有表单和每一行中的字段，并在字段下面加上类似于“错误值”的输出标签？
浏览 0提问于2020-10-18得票数 0
回答已采纳
1回答
我目前正在为一个项目使用Angular Reactive forms -这是一个无法真正建模的动态表单，因为它的属性会随着时间的推移而发生变化。现在，它是一个高度嵌套的表单，包含多达4-5层深。
现在我有一个主/外部FormGroup，它包含一个'Scripts‘的FormArray和一个'Questions’的FormArray。Questions具有FormArray为'Fields‘的属性。字段具有属性以及这些字段的另一个选项FormArray。并非所有“字段”都会有单行文本等选项，但下拉字段会有。
它从CosmosDB中获取一个Document对象，并遍历该对象
浏览 4提问于2018-01-13得票数 1
我动态地将包含FormGroups的FormControls添加到FormArray中，并将表单的控件显示在UI中作为输入字段。我想计算在UI中添加的每个sectionContent字段中输入的字符。这在只有一个FormGroup时是完全可能的，因为我可以订阅valueChanges方法，将值的长度传递给变量，然后在UI中插入变量。但是，是否可以使用多个动态添加的FormGroups及其FormControls呢？问题是，每个FormGroup都需要在html代码中注入一个新变量，我不确定这是可能的。也许还有另一种方法可以在UI中的多个字段中计算字符呢？
HTML：
<div class
浏览 2提问于2020-01-26得票数 0
回答已采纳
1回答
我正在做一个小项目，允许用户添加动态字段。在单击按钮时，我能够动态地创建输入字段。我试图访问每个字段的值并将其推送到服务中。另一方面，另一个组件应该根据用户创建的输入字段的数量来确定div的数量，并且每个div应该包含一个标题，取决于输入字段中的用户输入。
register.component.html
<h2>Demo App</h2>
<form [formGroup]="myForm">
<button (click)="addRooms()">Add Room </button>
&
浏览 0提问于2018-10-17得票数 0
我有一个包含表单数组的反应性表单，当用户单击一个按钮时，一个新的表单组被推送到表单数组中。当用户提交表单时，我要验证这些动态字段是否为空，room.errors?.required没有执行。我在这里做错了什么？其他领域的工作正如我所料。此问题仅在动态字段中发生。
this.formBuilder.group({
email: ["", [Validators.required, Validators.email]],
description: ["", [Validators.required, Validators.maxLen
浏览 3提问于2019-11-18得票数 0
回答已采纳
2回答
嗨，我有一个表单，其中有金额的动态字段，我正在使用formArray。用户可以生成多个金额字段。
我想要的是计算在所有动态字段的总值，并显示错误信息，如果总金额被超过。
问题是，当我在客户验证器函数中遍历formArray时，它不会打印出完整的值。下面是stackblitz。您可以在控制台中看到。当您键入某个数字时，它不会完全打印出来。
浏览 0提问于2019-10-27得票数 0
使用动态表单，我需要为用户提供动态创建表单域的能力。需要有一个‘添加’按钮，当用户点击这个按钮，4个输入字段将被创建。
到目前为止，我能够动态创建一个字段。下面是我的代码
在超文本标记语言中，我使用索引来创建formControlName
<div class="row">
<div class="col-xs-12">
<div formArrayName="properties">
<button class="btn
浏览 1提问于2017-06-12得票数 6
回答已采纳
我正在尝试结合bootstrap在angular6中动态创建一个FormArray。
我的HTML：
<form [formGroup]="form" (ngSubmit)="submit()">
<mat-dialog-content>
<div id="arrayDisplay">
<button mat-button id="dialog-addEntry-button" class="btn blue" type=&
浏览 2提问于2020-08-07得票数 0
2回答
我已经创建了一个表单，但我不能创建嵌套表单，因为我需要动态添加某些输入字段，我正在获取，但现在所需的是，当我单击添加链接时，它应该添加表单嵌套。
输入字段附近的添加按钮应该只添加社交媒体链接和GitHub输入字段，其他将保持不变。
HTML
<div class="container">
<p> </p>
<div>
<form [formGroup]="searchForm" novalidate (ngSubmit)="submit(searchForm.value)"
浏览 1提问于2018-01-30得票数 0
我在Angular 6上工作，我有一个带formArray的formGroup。formArray的字段可以动态添加。我需要添加formArray表单域的材料自动完成。这是不可能的。我跟踪了这个。然而，它不起作用。当formField中的值发生更改时，不会触发该函数。
export interface IBrand {
BrandId: string;
BrandName: string;
}
//.......................
brandDatas: Observable<IBrand[]>[] = [];
bran: IBrand[] = [
浏览 16提问于2019-10-22得票数 1
回答已采纳
2回答
角反应形式中的嵌套动态阵列形式
、、、、
我有一个数组表单，即" address“，一旦用户单击”Address“按钮，这将是一个动态的，一个address表单将立即添加。我用一个问题实现了这个问题(添加/删除地址很好)。现在，我需要添加一个类似地址的动态联系人号码。
地址可能包含一个或多个电话号码，如果用户单击“添加电话号码”需要在地址表单中添加新的电话号码表单，则所有地址表单中都需要该功能。(即=>数组的地址数组，每个地址包含联系人数组)
工作代码可用在StackBlitz：中。
样本代码：
import { Injectable } from '@angular/core';
import { Fo
浏览 0提问于2019-03-22得票数 3
回答已采纳
我有一个动态输入字段的反应形式。我用FormArray生成了这些字段。现在，我试图用编辑屏幕上的数据预先填充表单，但无法完成。我尝试使用setControl方法填充，得到了这个错误Cannot find control with path: 'books -> 0 -> name'
这些是我参考的资料来源。
组件
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, FormArray } from '@angular/
浏览 1提问于2019-07-28得票数 2
回答已采纳
1回答
我在用Angular 6。我有一个FormArray数组，如下所示
contactAddForm: FormGroup;
phone_numbers: FormArray;
ngOnInit() {
this.contactAddForm = this.formBuilder.group({
first_name: new FormControl('', [
Validators.required
])
phone_numbers: this.formBuilder.array([this.createPhoneNumberFormF
浏览 0提问于2018-09-01得票数 1
回答已采纳
1回答
我在Angular中使用反应式表单，并禁用了基于其他字段/表单控件的值计算的表单控件。当该禁用字段的相关字段的值发生更改时，如何更新该禁用字段的值。计算是有效的，但我需要它来订阅其他字段的更改。我创建FormGroup的函数如下所示：
createBasket(basket: any) {
return new FormGroup({
length: new FormControl(basket.length),
width: new FormControl(basket.width),
height: new FormControl(basket.
浏览 6提问于2018-02-24得票数 2
回答已采纳
我在我的一个项目中使用了反应式数组。我正在尝试创建一个动态表单，在单击按钮时添加/删除字段。我的代码中有以下错误
错误: formArrayName必须与父formGroup指令一起使用。您将希望添加一个formGroup指令并传递给它一个现有的FormGroup实例
import { FormBuilder, FormArray, FormGroup } from '@angular/forms';
public communicationForm: FormGroup;
public items: FormArray;
createItem(): FormG
浏览 5提问于2019-10-09得票数 2
回答已采纳
我正在尝试为食谱构建一个表单，其中包含一个嵌套的动态配料输入。我不知道我做错了什么。这是浏览器控制台的错误：
Cannot find control with path: 'ingredients -> 0 -> 0'
这是我的html
<div formArrayName="ingredients">
<div *ngFor="let ingredient of recipeForm.get('ingredients')['controls']; let i=index" [fo
浏览 2提问于2018-05-17得票数 0
4回答
我遇到了一个带有角反应形式的奇怪的错误。我正在使用FormArray创建一个表单，其中可以添加或删除字段。我还希望能够重置表单，从而使表单输入的值和数量返回到原来的数量。目前，我能够实例化表单，添加字段并删除它们，但是当我按重置我创建的函数时，这个函数首先清空FormArray，然后使用与最初设置表单相同的进程重新创建字段，但是值没有正确显示。我不知道为什么会发生这种情况，也许这与用于绑定html中表单的formControlNames有关？
有谁知道是什么引起了这个问题，或者重置表单值的正确方法是什么？
我在这里创建了一个堆栈闪电战：
这是我的组件代码。
import {
Compone
浏览 0提问于2018-08-24得票数 2
回答已采纳
1回答
Angular2表单中的嵌套组？
、、、、
我正在使用Angular 2中的reactive forms模块来创建一个包含多个嵌套组的表单。
我的“信任”表单有一个联系人数组，
<FormArray>this.newTrustForm.controls['contact']
“联系人”组中的一个字段是一组“电子邮件”组，我试着在这里找到它，但是，没有。那么我在哪里可以找到它呢？
<FormArray>this.newTrustForm.controls['contact'].controls['email']
我用下面的代码设置我的表单。
constructor(p
浏览 0提问于2017-03-02得票数 0
回答已采纳
1回答
形阵角简例
、、
我对角质很陌生。我试图添加一个form数组，以便使用formArray动态显示表单控件。，我尝试了angular.io示例，它已经像上面所说的那样工作了，但是我尝试给它添加更多的字段，但是发现了一些困难。
我的component.ts
import { FormGroup, FormBuilder, Validators, FormArray } from '@angular/forms';
export class ReactiveFormsComponent implements OnInit {
public contactList: FormArray;
con
浏览 0提问于2019-05-02得票数 1
1回答
目前，我正在处理角度上的动态表单数组。我有一个包含一定数量的控件的formArray (动态:D)。当我在数组中推送一个新控件时，它将被验证，然后由于View (html模板)创建了一个新组件--SubFormComponent(通过formArray控件上的formArray循环)。在那之前，一切都很好。SubFormComponent有一个formGroup作为类属性，包含许多formControls。其中一个控件("nom")有一个Validators.required集。当链接到该控件的字段为空时，整个窗体应该无效。
Problem：问题是，SubFormCompone
浏览 2提问于2020-08-05得票数 1
我创建了一个动态字段表单，用户可以在其中添加更多字段。我想检测libId中的更改，但是这些更改只检测到第一个字段。
我的密码-
this.invoiceForm = this._fb.group({
itemRows: this._fb.array([this.initItemRows()]) // here
});
(<FormArray>this.invoiceForm.get('itemRows')).controls.forEach(
control => {
console.log
浏览 0提问于2018-09-17得票数 0
回答已采纳
2回答
如何使用嵌套字段创建表单，我知道formArray在angular2 RC中，但我有点困惑如何正确地使用它？假设我有这样一个表格
// Main Form with formArray named as `global_modifier`
this.myForm = this._fb.group({
.......
name: ['', []],
global_modifier: this._fb.array([
this.initGlobalModifiers()
])
....
});
removeModifier(i: number) {
浏览 0提问于2016-09-06得票数 4
我有一个表单，其中包含金额的动态字段，我正在使用formArray。用户可以生成该金额的多个字段。
我想要的是计算所有动态字段中的合计值，并显示一个错误信息，如果总金额被超过。
问题是，当我循环遍历具有值更改的FormArray，然后在resolve上返回一个promise，但它只显示第一个字段的验证错误。下面是StackBlitz。您可以在控制台中查看。当您键入超过总数的某个数字时，将在第一个字段中显示错误。对于其余部分，如果超过总数，则不会显示错误。
浏览 0提问于2019-11-11得票数 0
1回答
假设我有一个具有以下值的json：
{
car: bmw,
tunes : [{
name: turbo,
cost: 350
},
{
name: exhaust,
cost: 100
}]
}
如何创建能够接受这些值的表单？我认为FormGroup是行不通的。FormArray似乎是正确的使用，但我还没有看到它与预选的字段一起使用，这些字段可以被赋值，这正是我所需要的。我需要能够将对象数组赋值给from，编辑对象的某些值，并将表单导出为带有对象数组的json (与数组相同，但可能具有不同的值)。字段不会改变，所以我不需要动态地添加它们，我只需要分配它们。
我想象的解决方案会是这样的
浏览 5提问于2021-07-15得票数 0
1回答
我试图显示一个基于选定选项“美国”的字段。我正在创建动态的反应性表单字段，但是我无法显示和隐藏基于所选选项的字段。这就是我试过的。
AppComponent html：
<form [formGroup]="myForm">
<div
formArrayName="formArray"
*ngFor="let formArr of myForm.get('formArray').controls; let i = index"
>
<div [formGroupName
浏览 0提问于2020-01-26得票数 1
我使用FormArray将表单组动态添加到表单中。当我推送一个新创建的表单组并在模板中显示时，angular很难找到该控件元素的路径。
我参考了angular文档中关于使用表单数组添加动态控件的内容。和堆栈溢出中的类似问题：
组件类：
get alternateAddress() {
return this.signupForm.get('alternateAddress') as FormArray;
}
buildAddress() {
return this.fb.group({
city: [''],
str
浏览 0提问于2019-05-31得票数 0
app.component.ts
import { Component,OnInit } from '@angular/core';
import {FormControl,FormGroup,FormArray,FormBuilder} from '@angular/forms'
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
e
浏览 1提问于2018-05-05得票数 1
3回答
我在用Angular 6。和Reactive form builder来构建一个表单。
ngOnInit() {
this.landingPageForm = this.formBuilder.group({
title: new FormControl('', [
Validators.required
]),
description: new FormControl('', [
Validators.required
]),
faqs: this.formBu
浏览 0提问于2018-09-21得票数 0
回答已采纳
我已经浪费了几天的时间来尝试显示异步动态加载的FormArray数据，但没有成功。简而言之，我有一个FormGroup，它是在单击时创建并显示在一个模式窗口中(显示在条例实体详细信息的subscribe中加载的数据没有问题(数据加载到selectedOrdinance对象中)： buildOrdinanceForm() {
this.ordinanceForm = this.fb.group({
ordinanceId: this.selectedOrdinance.ordinanceId // already available, loade
浏览 30提问于2021-08-02得票数 0
回答已采纳
我已经把一个非常简单的角形表单放在一起，当用户点击它时，一个按钮可以动态添加文本字段。我遗漏了一些东西，因为当我点击“添加”按钮时，它不会动态添加一个新的文本框。有人能告诉我我错过了什么吗， app-component.ts` import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, FormArray, Validators } from '@angular/forms';
import { FormBuilder } from '@angu
浏览 26提问于2019-02-07得票数 1
1回答
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormArray, Validators, ValidatorFn, AbstractControl } from '@angular/forms';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.compo
浏览 0提问于2019-06-13得票数 0
回答已采纳
我正在基于从API收到的JSON数据在Angular中动态创建反应式表单。有时表单只有几个formControls，但有时有很多带有FormGroups的表单组或formArrays。
我有一个关于有几个FormGroups的FormArray的问题。在这个FormGroups中，有些FormControls是必需的，有些则不是。但是整个FormGroup不是必需的。仅当编辑组中的某些FormControls时，整个表单组必须有效(每个必需的FormControl不能为空)。
因此我的问题是如何为整个FormGroup创建自定义验证器，从而确保如果这些具体组中的每个FormControl都为空
浏览 21提问于2019-07-12得票数 6
回答已采纳
我有一个scenario.When用户点击+按钮，相同的表单得到相同的字段是相同的，所以我使用ngFor.I。我在表单中使用了复选框。在获取复选框的值时，我对每个表单中的复选框控件有问题。 ? 现在，对于一种形式，我们有一个函数 get socialsArray(){ return <FormArray>this.primaryForm.get('socialcontrol'); } 但是当我点击+按钮时，表单组是动态生成的，但我不能生成上面的"get函数“，就像我使用socialsArray的get socialsArray(){
浏览 14提问于2019-10-03得票数 1
回答已采纳
在动态添加的FormGroup中，我似乎无法将焦点设置在输入字段上：
addNewRow(){
(<FormArray>this.modalForm.get('group1')).push(this.makeNewRow());
// here I would like to set a focus to the first input field
// say, it is named 'textField'
// but <FormControl> nor [<AbstractControl&g
浏览 2提问于2016-12-17得票数 31
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
