Я пытаюсь выполнить проверки формы и запустить некоторые проблемы, если я использую валидатор angular, например:
<input type="email" class="mail" email name="emailField" [(ngModel)]="email" #emailField="ngModel">
и поместите его в форму по формеGroup:
<form [formGroup]="myForm" (ngSubmit)="onSubmit(f.value)" >
<input type="email" class="mail" email name="emailField" [(ngModel)]="email" #emailField="ngModel">
<div class="emailinvalid" *ngIf="emailField.invalid && emailField.touched">
<span *ngIf="emailField.hasError('email')">
Please enter the correct email, this email not valid.
</span>
</div>
<br>
</form>
таким образом, проверка электронной почты не работает, поэтому я ищу способ ее исправить, вот мой ts-код:
export class ContactComponent {
myForm: FormGroup;
email: string;
username: string;
surname: string;
message: string;
constructor(fb: FormBuilder) {
this.myForm = fb.group({
'username': ['', Validators.required],
'surname': ['', Validators.required],
'message': ['', Validators.required],
});
}
}
username
, surname
и другие входы, которые я использую в моей форме (formGroup) выше, я просто отключил его, чтобы немного очистить код.