要解决Angular 7中响应式表单的最小长度验证错误不显示的问题,您可以按照以下步骤进行操作:
myForm
的FormGroup对象,并且想要验证一个名为name
的表单控件的最小长度:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-your-component',
templateUrl: './your-component.component.html',
styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
name: ['', [Validators.required, Validators.minLength(5)]]
});
}
}
在上面的示例中,我们使用Validators.minLength(5)来指定名称字段的最小长度为5个字符。
这样,当用户输入的名称长度不符合最小长度要求时,Angular将自动将错误添加到FormControl对象的errors属性中,并显示在HTML模板中定义的错误消息区域中。
请确保您已正确导入所需的Angular模块和类(如FormGroup,Validators等)。
以上是解决Angular 7中响应式表单的最小长度验证错误不显示的方法。希望对您有所帮助!
下一篇:Angular 7最终不起作用。