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

Question

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

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

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

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

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

Answer 1

您只需将验证器数组传递给 FormControl。

这是一个示例，展示了如何将验证器添加到现有的 FormControl:

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

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

Angular 12 更新

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

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