角型検証が機能しない

Question

私はAngularの新機能で、登録フォームを作成しようとしていますが、チュートリアルを見てからはこのフォームを作成しましたが、検証していません。ここで

は、私が使用していますコードです：

<div class="signup-cont cont form-container" ng-controller="signinSignUpController"> 
    <form id="login-form" name="signUpForm" ng-submit="submitForm(signUpForm.$valid)" novalidate> 
     <div class="form-group" ng-class="{ 'has-error' : signUpForm.name.$invalid && !signUpForm.name.$pristine }"> 
      <input type="name" name="name" id="usr-name" class="inpt form-control" placeholder="Your name" ng-model="name" ng-required="true"/> 
      <label class="control-label" for="name">Your name</label> 
      <span class="glyphicon glyphicon-remove form-control-feedback" ng-show="submitted && signUpForm.name.$invalid "></span> 
      <p ng-show="submitted && signUpForm.name.$invalid" class="help-block">You name is required.</p> 
     </div> 

     <div class="form-group" ng-class="{ 'has-error has-feedback' : submitted && signUpForm.email.$invalid}"> 
      <label class="control-label" for="email">Your email</label> 
      <input type="email" name="email" class="inpt form-control" ng-model="email" placeholder="Your email" ng-required="true"/> 
      <span class="glyphicon glyphicon-remove form-control-feedback" ng-show="submitted && signUpForm.email.$invalid"></span> 
      <p ng-show="submitted && signUpForm.email.$invalid" class="help-block">Enter a valid email.</p> 
     </div> 

     <div class="form-group" ng-class="{ 'has-error has-feedback' : submitted && signUpForm.password.$invalid}"> 
      <label class="control-label" for="password">Your password</label> 
      <input type="password" name="password" class="inpt form-control" ng-model="password" placeholder="Your Password" ng-required="true"/> 
      <span class="glyphicon glyphicon-remove form-control-feedback" ng-show="submitted && signUpForm.password.$invalid"></span> 
      <p ng-show="submitted && signUpForm.password.$invalid" class="help-block">Enter a valid email.</p> 
     </div> 

     <div class="submit-wrap"> 
     <input type="submit" class="form-control submit-signup btn btn-black-border btn-default" ng-disabled="signUpForm.$invalid" value="SIGN UP"/> 
     <a href="#" class="more">Terms and conditions</a> 
     </div> 
    </form> 
</div> 

誰かが私が間違っているのところ、私は理解して助けてください。

Answer 1

ng-model = "user.name"、ng-model = "password" to ng-model = "user.password"およびng-model = "email" to ng-model = "name" -model = "user.email"

私はplunkerを使って正常に動作していることを確認しました。

Answer 2

ng-show="submitted && signUpForm.name.$invalid" 

正確にはsubmittedとは何ですか？それがコントローラ内の何かであれば、それは偽に設定されているようです&検証に失敗しました。提出されたフラグなしのplunkを確認してください。