angular-material - 如何使用角度材料中的自定义指令验证输入表单字段并显示错误？

Question

我在 Angular Martial 7 中使用反应式表单，我正在尝试验证输入文件中用逗号分隔的多封电子邮件，但它通过自定义指令显示错误。我怎样才能解决这个问题？

标签： angular-materialangular-material-6

Answer 1

使用 angulars FormGroup 并在那里定义您的错误：

export class ContactComponent implements OnInit {
messageForm: FormGroup;
constructor(private formBuilder: FormBuilder) { }
ngOnInit() {
this.messageForm = this.formBuilder.group({
//place your validations here
  name: ['', Validators.required],
  message: ['', Validators.required]
});

}