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

前端之家收集整理的这篇文章主要介绍了angular – 为动态创建的输入添加/删除反应式表单验证器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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()
原文链接:https://www.f2er.com/angularjs/142390.html

猜你在找的Angularjs相关文章