角度验证输入类型=“电子邮件”为类型=“文本”

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输入指令需要首先运行（链接）所以将使用'text'作为输入类型，然后lateEmail会将输入类型更改为电子邮件。