在 Angular 11 及以后的版本中,Validators.min 已经被移除了,取而代之的是 Validators.minlength 和 Validators.maxlength。因此,您可以使用 Validators.minlength 来验证控件的最小值。
以下是一个示例代码,展示如何使用 Validators.minlength:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-my-form',
template: `
`,
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
numberControl: FormControl;
ngOnInit() {
this.numberControl = new FormControl('', [
Validators.required,
Validators.minlength(5),
Validators.maxlength(10),
]);
this.myForm = new FormGroup({ number: this.numberControl });
}
onSubmit() {
// handle form submission here
}
}
在上面的示例代码中,我们创建了一个名为 numberControl 的 FormControl,并使用 Validators.minlength 和 Validators.maxlength 来验证它的最小值和最大值。我们还在 HTML 模板中使用了 numberControl.hasError() 方法来检查验证错误,并显示相应的错误消息。
希望这个示例能帮助您在使用 Angular 表单控件时解决 Validators.min 被移除的问题。