Как проверить поле формы ввода и показать ошибку, используя пользовательскую директиву в угловом материале?

Question

Я использую реактивные формы в Angular Martial 7, и я пытаюсь проверить несколько электронных писем, разделенных запятыми во входных файлах, но это показывает ошибку через пользовательскую директиву. Как я могу это исправить?

Answer 1

Используйте угловые формы 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]
});

}