无法在 2 级深度 ng-include 中使用模态验证表单

Question

我在模板中的 ng 包含中具有此模式，该模板也包含 ng

模态内的形式是：

  <div class="input-group form-group">
    <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-user"></i></span>
    <input type="text" ng-model="user.first_name" name="first_name"  class="form-control" placeholder="First name" aria-describedby="basic-addon1">
  </div>
  <div class="input-group form-group">
    <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-user"></i></span>
    <input type="text" ng-model="user.last_name" name="last_name" class="form-control" placeholder="Last name" aria-describedby="basic-addon1">
  </div>
  <div class="input-group form-group">
    <span class="input-group-addon" id="basic-addon1">@</span>
    <input type="text" ng-model="user.email" name = "email" class="form-control" placeholder="Email adress" aria-describedby="basic-addon1">
      <div ng-show="register_form.$submitted || register_form.email.$touched">
        <span ng-show="register_form.email.$error.required">Tell us your email.</span>
        <span ng-show="register_form.email.$error.email">This is not a valid email.</span>
      </div>
  </div>
  <div class="input-group form-group">
    <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-lock"></i></span>
    <input type="password" ng-model="user.password1" name = "password1" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
  </div>
  <div class="input-group form-group">
    <span class="input-group-addon" id="basic-addon1"><i class="glyphicon glyphicon-lock"></i></span>
    <input type="password" ng-model="user.password2" name = "password2" class="form-control" placeholder="Confirm password" aria-describedby="basic-addon1">
  </div>
  <div class="form-group">
    <div class="col-xs-12">
      <div class="checkbox">
        <label>
          <input type="checkbox"> Keep me updated
        </label>
      </div>
    </div>
  </div>
  <small>
    By signing up, you agree on the <u> <a href="#" class="modalLink">Terms of use</a></u> and the <u><a href="#" class="modalLink">Privacy policies</a></u> of this site.
  </small>
  <div class="form-group">
    <div class="col-xs-12">
      <button type="submit" class="btn btn-default">Sign up</button>
  </div>
  </div>
  <hr>
  Already a member? Sign in <u><a data-dismiss="modal" data-toggle="modal" data-target=".login-modal" class="modalLink" href="">here</a></u>

我的控制器 ：

  $scope.registerNew = function(user){
      console.log(user);
    };

我正在尝试进行表单验证，但似乎没有任何效果。你能帮我度过难关吗？

Answer 1

请在电子邮件字段中使用 <input type="email"> 而不是 <input type="text">。用

<form novalidate>
<input type="email">
</form>

在这种情况下，Angular Js 将进行您的电子邮件验证。"novalidate"是关闭浏览器验证。