Я не могу использовать атрибут required
, поскольку поле ion-input (email) является обязательным условием. Кроме того, я не хочу проверять каждый раз, когда форма отправляется на отправку недействительного электронного письма , если и до тех пор, пока электронное письмо (ионный ввод) не содержит какой-либо текстовый ввод и оно не является действительным электронным письмом.
Это то, что я сделал до сих пор:
<ion-item >
<ion-label stacked>{{'email' | translate}}</ion-label>
<ion-input type="email" [ngClass]="{ 'is-invalid':(AddContactForm.submitted && email.invalid && addContactData.phone_type=='Email') || (AddContactForm.submitted && email.length && email.invalid)}" email name="email" [required]="addContactData.phone_type=='Email'" [(ngModel)]="addContactData.email" value="" class="nui-text-field__input"
#email="ngModel"></ion-input>
</ion-item>
<span class="nui-text-field__sub-label error" *ngIf="(AddContactForm.submitted && email.invalid && addContactData.phone_type=='Email') || (AddContactForm.submitted && email.length && email.invalid)">{{'email_required_validation' | translate}}</span>