angular – 为动态创建的输入添加/删除反应式表单验证器

发布时间：2020-12-17 07:33:49 所属栏目：安全来源：网络整理

导读：我在Angular 4中创建了一个表单,允许用户单击表单中的ADD或REMOVE按钮向表单添加/删除字段.我使用ngFor从一个数组创建屏幕上的html输入(由add函数放大,或者由remove函数缩小). 在html模板中,我可以以formControlName =“control {{index}}”的形式添加formCo

我在Angular 4中创建了一个表单,允许用户单击表单中的ADD或REMOVE按钮向表单添加/删除字段.我使用ngFor从一个数组创建屏幕上的html输入(由add函数放大,或者由remove函数缩小).

在html模板中,我可以以formControlName =“control {{index}}”的形式添加formControlName,以确保每个新输入都有一个formcontrol.

但是,如何为这些输入动态添加和删除验证器？

你能看一下这个文件 https://angular.io/guide/dynamic-form,

对于添加/删除控件,您可以使用这些方法

addControl/removeControl

对于值和验证器,您可以像这样使用

this.form.controls['test_control'].setValidators([Validators.required])
 this.form.controls['test_control'].updateValueAndValidity()

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!