如何使用angular2/typescript在提交后删除电子邮件验证

我有一个添加弹出窗口，在填充所有字段并提交后，值被保存。如果我再次打开并添加弹出窗口以添加新值而不刷新页面，则在电子邮件字段中显示的

电子邮件无效

。在pageload上，它工作正常。请任何人帮助解决这个问题。 我在这里分享我的代码，请帮助

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>

电子邮件无效！

---

提前感谢。

您可以添加未触及的

并检查一次

<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>


电子邮件无效！