Überprüfung der Winkelform funktioniert nicht

Question

Ich bin sehr neu in Angular und versuche, Anmeldeformular zu erstellen, nachdem ich Tutorials betrachtet habe ich dieses Formular erstellt, aber es ist nicht validieren. Hier

ist der Code, die ich verwende:

<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> 

Kann jemand bitte helfen Sie mir zu verstehen, wo ich falsch mache.

Answer 1

Änderung ng-model = "name" zu ng-model = "user.name", ng-model = "password" zu ng-model = "user.password" und ng-model = "email" zu ng -model = "Benutzer.Email".

Ich habe überprüft, mit Plunker funktioniert es gut.

Answer 2

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

Was genau ist submitted hier? Wenn das etwas in der Steuerung ist, scheint es, dass es auf false & fehlgeschlagen der Validierung ist. Schauen Sie sich diese plunk ohne die eingereichte Flagge.