在Angular 7中,可以使用条件性要求FormGroup来实现表单验证。下面是一个示例代码:
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.myForm = this.formBuilder.group({
name: ['', Validators.required],
email: ['', [Validators.required, Validators.email]]
});
}
}
在上面的示例中,name表单控件必须输入内容,而email表单控件必须输入内容并且是一个有效的电子邮件地址。如果表单控件的值无效且已经触摸过,则会显示相应的错误消息。当表单无效时,提交按钮将被禁用。
希望这个示例能帮助到你!
上一篇:Angular 7 本地存储
下一篇:Angular 7 表单取消