AngularJs單選按鈕髒驗證不工作

-1

我有兩個領域，對於電子郵件驗證工作正常，但對於單選按鈕沒有錯誤顯示..我沒有得到這個，爲什麼發生這種情況。我是個用角1.0.8.min.jsAngularJs單選按鈕髒驗證不工作

//js code 
    var app = angular.module("App", []); 
    app.controller('signupController', ['$scope', function($scope) { 
      $scope.selectedGender = ''; 
      $scope.gender = [{'name':'Male', 'id':1}, {'name':'Female', 'id':2}]; 

      $scope.submitted = true; 
      $scope.signupForm = function() { 
      if ($scope.signup_form.$valid) { 
       // Submit as normal 
      } else { 
       $scope.signup_form.submitted = true; 
      } 
      } 
     }]); 
    //html code 
    <!DOCTYPE html> 
    <html > 
     <meta charset="utf-8"> 
    <meta content="width=device-width" name="viewport"> 
    <body ng-app="validationExampleApp"> 
    <div align="center" style="width: 500px; "> 
    <form ng-controller="signupController" name="signup_form" novalidate ng-submit="signupForm()"> 
     <fieldset> 
     <legend>Signup</legend> 

     <div class="row">   
     <div class="large-12 columns"> 
     <label>Your email</label> 
     <input type="email" 
      placeholder="Email" 
      name="email" 
      ng-model="signup.email" 
      ng-minlength=3 ng-maxlength=20 required /> 
     <div class="error" 
      ng-show="signup_form.email.$dirty && signup_form.email.$invalid && signup_form.submitted "> 
      <small class="error" 
       ng-show="signup_form.email.$error.required"> 
       Your email is required. 
      </small> 

      <small class="error" 
       ng-show="signup_form.email.$error.email"> 
       That is not a valid email. Please input a valid email. 
      </small> 

     </div> 
     </div> 
    </div> 
      <div ng-repeat="(key, val) in gender"> 
     <input type="radio" ng-model="signup.selectedGender" name="radiob" id="{{val.id}}" value="{{val.id}}" ng-click required /> {{val.name}} 
     </div> 
     <div class="error" 
      ng-show="signup_form.radiob.$dirty && signup_form.radiob.$invalid && signup_form.submitted "> 
      <small class="error" ng-show="signup_form.radiob.$error.required"> 
       Your email is required. 
      </small> 
     </div> 
     <button type="submit" class="button radius">Submit</button> 
     </fieldset> 
    </form> 
    </div> 
    </body></html>

來源

2013-11-02 Pradeep Jaiswar

這是非常關鍵的一點。請幫助我。 – Rohit13

創建一個plunker演示，複製問題 – charlietfl

有一天我做了一個關於它的JSFiddle，可能它可以幫助你理解表單驗證是如何工作的：http://jsfiddle.net/ADukg/4088/（對不起，有些文本數據在法國..） – tomahim