如何在角形材料中使用自定义指令来验证输入表单字段并显示错误？

Question

我在Angular Martial 7中使用了反应形式，并且试图验证输入文件中用逗号分隔的多封电子邮件，但是通过自定义指令显示了错误。我该如何解决？

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]
});

}