首页 文章

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

提问于
浏览
9

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

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

但是我如何为这些输入动态 add and remove validators

1 回答

  • 27

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

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

    addControl / removeControl

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

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

相关问题