输入类型电子邮件中的模式属性破坏了角部分

Question

我在角部分中有类似的输入

<input type='email' pattern="[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$" />

但是，该模式似乎正在打破部分。当我删除它时，可以显示视图没有问题。但是将其留在部分时会导致解析错误。

有什么想法吗？

Answer 1

尝试<ng-pattern>而不是模式

ng-pattern="/^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$/" 

在这里工作演示