В вашем html добавьте обработчик событий в поле ввода, чтобы проверить, является ли он символом возврата, и resetForm, который устранит ошибки в форме.
В HTML:
<input matInput placeholder="" formControlName="emailid" (keypress)="ResetForm($event)" required>
После тега <mat-error>
:
<p *ngIf="isEmailPresent">Email Address Not found</p>
В вашем файле ts инициализируйте isEmailPresent=false
и в другой части, где вы получаете 404, this.isEmailPresent=true;
В файле ts: убедитесь, что вы импортируете ниже
import { Component, ViewChild } from '@angular/core';
import {
FormGroup,
FormBuilder,
FormGroupDirective,
Validators,
} from '@angular/forms';
Добавить форму директивы как viewchild:
@ViewChild(FormGroupDirective) formGroupDirective: FormGroupDirective;
В вашей форме сброса ключей
ResetForm(event)
{
if(event && event.keycode==8)//(keycode for backspace)
{
this.formGroupDirective.resetForm();
}
}