`<input type=email` 的 ng-model 不适用于 ng-required

Question

我正在使用 AngularJS 创建一个简单的网站。我正在训练配置表单验证，但我在存储模型中的输入值时遇到问题。

代码是这样

<div class="login-form">
    {{login}}
    <form name="loginForm" action="" method="post" novalidate>

        <h2 class="text-center"></h2>
        <div class="form-group">
            <input name="username" type="text" class="form-control" placeholder="Username"
                   ng-model="login.username" ng-required="true">
        </div>
        <div class="form-group">
            <input name="password" type="password" class="form-control" placeholder="Password"
                   ng-model="login.password" ng-required="true">
        </div>
        <div class="form-group">
            <input type="submit" value="Enviar" class="btn btn-primary btn-block" />
        </div>
        <div class="clearfix">
            <label class="pull-left checkbox-inline">
                <input type="checkbox"> Recordarme</label>
            <br />
            <a href="#" class="pull-right">Olvidaste tu Contraseña?</a>
        </div>
    </form>
    <p class="text-center"><a href="#">Crear una cuenta</a></p>
</div>

如果我更改 input type="email"，对于用户名，该值不会存储在对象中。我能做什么？

Answer 1

不，这不是问题，电子邮件只有在是合法电子邮件地址时才会显示。所以你需要输入一个有效的电子邮件地址才能绑定到模型。

试试类似的东西，

sa@99t.com

`<input type=email` 的 ng-model 不适用于 ng-required

ng-model for `<input type=email` not working with ng-required

angularjs

angular-ngmodel