javascript - Angular 将输入类型 ="email"验证为类型 ="text"

Question

我的 Angular 应用程序有一个带有电子邮件/用户名输入字段的登录表单:

<input type="email" required/>

输入是 type="email"所以 correct keyboard is displayed in iOS .
但是验证应该是 type="text"输入以允许用户名。

基本上我需要覆盖 Angular 以将 type="email"验证为 type="text"
这是一个basic Plunker开始。

注意:我试过使用 ng-pattern 来验证正则表达式，但它似乎只适用于 type="text"

Answer 1

我不认为在不改变它的来源的情况下改变 input type='email' 的处理方式是不可能的，但也许你可以尝试:

<input type="text" required late-email />

angular.module('yourApp').directive('lateEmail', function () {
    return {
        priority: -1,
        link: function(scope, elem, attrs) {
            elem.attr('type', 'email');
        }
    };
});

这里重要的是优先级，因为 angularjs 输入指令需要先运行(链接)，所以将使用“文本”作为输入类型，然后 lateEmail 会将输入类型更改为电子邮件。