如何刪除電子郵件驗證使用angular2 /打字稿

Question

我有一個附加彈出後提交，填寫所有領域，並給予提交後，值越來越保存。如果我再次打開並添加彈出式菜單以在不刷新頁面的情況下添加新值，請在電子郵件字段中填寫任何內容，以顯示Email is invalid。在頁面加載它工作正常。請任何人都可以幫助解決這個問題。 我在這裏分享我的代碼，請幫助

HTML代碼

<md-input-container> 
    <input mdInput type="text" name="workEmail" [(ngModel)]="userDetails.workEmail" placeholder="WD Email" #email="ngModel" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" required> 
    </md-input-container> 
    <div style="font-size: 13px;text-align: left; padding: 8px 0px 8px 30px;" [hidden]="email.valid || email.pristine" class="error"> 
           Email is invalid! 
    </div> 

在此先感謝。

Answer 1

您可以添加untouched並檢查一次。

<md-input-container> 
<input mdInput type="text" name="workEmail" [(ngModel)]="userDetails.workEmail" placeholder="WD Email" #email="ngModel" pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" required> 
</md-input-container> 
<div style="font-size: 13px;text-align: left; padding: 8px 0px 8px 30px;" [hidden]="email.valid || email.pristine || email.untouched" class="error"> 
Email is invalid! 
</div>