添加/删除反应式表单验证器以动态创建输入

Question

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

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

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

Answer 1

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

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

的AddControl/removeControl

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

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