Angular 2中的FormArray验证器
是用于验证表单中的动态数组的一种机制。FormArray是一个FormControl的数组，用于处理表单中的重复字段或动态字段。
FormArray验证器可以用于验证表单中的每个动态字段，以确保其满足特定的验证规则。以下是对FormArray验证器的完善和全面的答案：
概念： FormArray验证器是Angular 2中的一种机制，用于验证表单中的动态数组。
分类： FormArray验证器属于Angular 2中的表单验证机制。
优势：
- 动态验证：FormArray验证器允许对表单中的动态字段进行验证，无论字段数量如何变化，都能保持验证的一致性。
- 灵活性：FormArray验证器可以根据具体需求定义不同的验证规则，以满足各种复杂的表单验证需求。
- 可扩展性：FormArray验证器可以与其他表单验证器（如Required、MinLength等）结合使用，以实现更复杂的验证逻辑。
应用场景： FormArray验证器适用于以下场景：
- 表单中包含动态数组字段，例如多个输入框的列表。
- 表单中的字段数量不确定，需要根据用户的操作进行动态添加或删除。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与Angular 2中的FormArray验证器相关的推荐产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
2回答
角:如何自定义FormArray验证以检查副本
angular、validation
我正在实现一个验证器，以检查哪些行具有相同的名称。
import { Component } from '@angular/core';
import { FormGroup, FormControl, FormArray, ValidatorFn}
浏览 8提问于2021-06-11得票数 4
回答已采纳
1回答
Angular FormArray ValidatorFn不编译Typescript
angular、typescript
使用下面的验证器方法，我得到了下面的Typescript错误。我觉得，我已经尝试了所有的方法，我已经没有想法了。谁能告诉我怎么解决这个问题？ 验证器方法不让项目编译，因此问题与该方法的使用无关。Type '(formArray: FormArray) => { required: boolean; } | null' is not assignable to type 'ValidatorFn: FormArray)
浏览 24提问于2020-08-05得票数 0
回答已采纳
1回答
验证输入列表电子邮件Angular 8
javascript、arrays、angular、angular8、angular-reactive-forms
我在Angular 8中有这段代码，它向我显示了一个输入列表，比如附加的图像。我遇到的问题是，当我点击“完成”按钮时，我必须验证电子邮件的语法，如果这是无效的，还必须更改输入的颜色：如果只有一个字段，我会使用formGroup来验证，但我不知道如何验证电子邮件字段列表有什么需要帮忙的吗？
浏览 2提问于2021-07-20得票数 0
1回答
Angular2绑定数组与ngFor
angular
我使用的是angular2，在我的表单中，我通常创建一个模型类并将我的对象绑定到表单中，然后通过this.myObject进行访问。input type="text" class="form-control" [(ngModel)]="diplome.label" name="label"></div>
晚些时候拿到我的数据diplome = new Dipl
浏览 7提问于2016-08-09得票数 2
2回答
我试图在角11中实现一个验证器，但是我得到了遵从错误：Type '(controlArray: FormArray) => ValidationErrors | null' is not assignableValidator-class: static atL
浏览 2提问于2021-03-01得票数 1
回答已采纳
3回答
获取angular 7中formgroup上的验证器列表
angular
如何在angular7中获取已经应用于fromgroup、formcontrol或formarray的验证器列表？我找到setValidators(-)，但没有getValidators(-)..
浏览 1提问于2019-11-05得票数 0
2回答
如何在angular中验证动态表单
html、angular、typescript
下面是我的代码。根据循环计数，fName将增加。目前，我正在使用ng-bootstrap-form-validation进行验证。问题是，如果我使用formControlName验证，它不工作，它是重复的，如果一个字段(FName)是正确的，所有的字段都是正确的。下面是我的HTML代码， <form [formGroup]="formGroup" (validSubmit)="onSubmit()">
<div
浏览 32提问于2021-08-17得票数 0
7回答
如何在angular2中验证FormArray长度
angular、angular2-forms
我在angular2中有一个数据驱动的表单，如下所示 'name': ['',Validators.required], 'places': this.formBuilder.array([], Validators.minlength(1)) 我想向place formArray添加验证，所以我添加了minlengt
浏览 0提问于2017-02-12得票数 39
1回答
获取错误“TypeError:无法在string‘control’上创建属性‘验证器’”
angular、typescript
我收到了错误: TypeError:无法在string‘control’上创建属性‘验证器’“import { CommonModule } from '@angular/common';
import { BrowserModule } from/services/datastorage.se
浏览 5提问于2017-07-21得票数 3
回答已采纳
1回答
验证项目数量
angular
我正在尝试验证“cites”数组中的项的数量，我该如何做？我想验证用户是否通知了至少一个城市。我正在尝试使用'FormArray‘验证，但无济于事import { FormGroup, FormArray, FormControl, Validators } from '@angular</e
浏览 0提问于2019-07-04得票数 0
1回答
角自定义校验器未将FormArray标记为无效
angular
下面的自定义百分比验证器将受益人数组作为参数。受益人表单是用planPercents构建的，百分比作为formConrol。控制台日志适用于任何超过100%分发的计划。但是，我无法成功返回无效，并将formArray标记为无效。} from '@angular/forms';
static beneficiaryDistValidator(
浏览 3提问于2020-01-16得票数 0
回答已采纳
我的应用运行得很好。我想使用AOT来加快应用程序的加载速度，但由于检查FormA，我得到了一个ngc和AOT设置的编译错误 private buildForm
浏览 2提问于2017-03-23得票数 2
2回答
使用setValidators验证动态字段
angular、validation
我正在使用动态表单控件通过引用来创建动态字段，我想在Angular 6中使用setValidators和updateValueAndValidity来验证动态字段。下面是我使用过的语法，但它不起作用。(<FormArray>this.addQuestionForm.get('other')).setValidators([Validators.required]);
(<FormArray>this.addQuestionForm.get('other
浏览 2提问于2019-08-12得票数 0
1回答
如何验证角2 FormArray的长度和正则表达式
angular2-forms、angular-reactive-forms
app.component.tsimport {FormControl,FormGroup,FormArray,FormBuilder} from '@angular/forms'
selector: 'my-app',
templateUrl: '.topics:new FormArray([])
浏览 1提问于2018-05-05得票数 1
1回答
Angular 2中的FormArray验证器
forms、validation、angular
我在Angular 2中有4个formBuilder -个人信息-地址信息-财务信息-合作伙伴信息this.form4 = this.formBuilder.group({ }, {validator: PartValid
浏览 14提问于2017-03-08得票数 0
1回答
为什么在formarray自定义验证值中未设置错误更改
angular、angular8、angular-reactive-forms、angular-forms、angular9
我有一个下面的演示应用程序，并试图设置自定义验证器中的错误，为什么它没有设置。import { Component, VERSION } from '@angular/core';
import { FormArray, FormBuilder, FormGroup ,AbstractControl,Validators} f
浏览 2提问于2020-06-18得票数 0
1回答
如何定义具有角的递归字段的强类型形式？
angular、typescript、angular-forms
我想定义一个带有递归字段的强类型表单： });编译器抱怨：
类型'ICodeSystemConceptForm[]‘的ICodeSystem
浏览 9提问于2022-09-14得票数 0
回答已采纳
2回答
FormControl of FormArray中的唯一值验证
angular、angular-reactive-forms
我正在开发作业表单，用户可以在该表单中输入他的业余爱好。我已经在hobbyName表单控件上应用了所需的验证，但是如果有多个兴趣爱好，我如何验证应该是唯一的业余爱好名称。下面是我的ts代码import { Component,OnInit } from '@angular/core';
import { FormGroup,FormArray,FormBuilder,Validators } from "@
浏览 0提问于2018-12-25得票数 0
2回答
发送自定义窗体控件验证器( FormArray )
javascript、angular、validation、angular-reactive-forms
我非常简单地尝试验证一个控件的值是否与FormArray中的值相匹配。
类型'AbstractControl‘的参数不能分配给'FormArray’类型
浏览 0提问于2019-02-15得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
