在Angular中，创建控件后如何将Validator添加到FormControl？

我们有一个具有动态构建表单的组件。添加带有验证器的控件的代码可能如下所示：

var c = new FormControl('', Validators.required);

但假设我想添加第二个验证器later。我们怎样才能做到这一点？我们在网上找不到任何相关文档。我确实发现在表单控件中有setValidators

this.form.controls["firstName"].setValidators 

但尚不清楚如何添加新的或自定义的验证器。

您只需通过FormControl验证器数组。

下面的示例展示了如何将验证器添加到现有的 FormControl：

this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]);

请注意，这将重置您在创建时添加的任何现有验证器FormControl.

角度 12 更新

从 Angular 12 开始，如果您想向表单添加新的验证器而不删除现有的验证器，您可以使用addValidator:

this.form.controls["firstName"].addValidators([Validators.minLength(1), Validators.maxLength(30)]);