Javascript 如何使用AngularJS获取HTML-INPUT-EMAIL？

我有以下意见：

<input ng-model="email" type="email" id="form-email" name="email" placeholder="Inter email" maxlength="250">

我有：

$scope.email // undefined
document.getElementById("form-email").value //fax@test.cooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooom

但是当我进去的时候

fax@testooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooh.com

我有

$scope.email // fax@testooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooh.com

---

如何解决这个问题？

这没什么问题，第一封电子邮件无效，第二封有效，这就是为什么它被接受的原因

每个域名由两部分组成。

顶级域-顶级域（TLD）是域的一部分 位于点右侧的名称。最常见的顶级 域是.COM、.NET和.ORG。其他一些流行的顶级域名 是.BIZ、.INFO、.NAME和.IN等

二级域-。第二级域名是 位于点左侧的域名。 创建自己网站的步骤是第二级域名和 表示internet背后的组织或实体。第二 级别域名必须在互联网公司注册，以便 指定名称和编号（ICANN）-经认证的注册机构

为什么第一封电子邮件无效

• 因为它不包含有效的顶级域

以下是Internet顶级域的列表：

为什么第二封电子邮件有效

• 因为它同时包含有效的顶级域和二级域

---

您可以将ngPattern指令与以下模式结合起来验证电子邮件输入：

<input type="email"
   ng-model="email"
   id="form-email"
   placeholder="Inter email" 
   maxlength="250"
   name="myeamail"
   pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,6}$"
   >

---

第一个长域不是有效的电子邮件地址，因此angular无法获取其值。

<input type="email"
   ng-model="email"
   id="form-email"
   placeholder="Inter email" 
   maxlength="250"
   name="myeamail"
   pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+\.[a-zA-Z]{2,6}$"
   >