title: ng-repeat with form in angularjs
body: <p>I have created dynamic forms with ng-repeat directive. I am getting form field according to userid value. Once I have filled every field in form my add user button should be enabled. As of now its not enabled. I have attached my code below.</p>
  
  <p><strong>My html code:</strong></p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
  
  &lt;div ng-controller="myCtrl"&gt;
      &lt;form role="form" name='userForm' novalidate&gt;
          &lt;div class="container"&gt;
              &lt;div class="row" ng-repeat="myid in userid"&gt;
  
                  &lt;div class="form-group"&gt;
                      &lt;div class="col-md-3"&gt;
                          &lt;label&gt;ID&lt;/label&gt;
                          &lt;input ng-model="myid" id="myid" name="myid" placeholder="Enter bugid" type="text" required readonly disabled&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-3"&gt;
                          &lt;label&gt;Comments&lt;/label&gt;
                          &lt;textarea ng-model="manualComment" id="textarea1" rows="1"&gt;&lt;/textarea&gt;
                      &lt;/div&gt;
  
                      &lt;div class="col-md-3 "&gt;
                          &lt;label&gt;Gender&lt;/label&gt;
  
                          &lt;select ng-model="gender" name="select2"&gt;
                              &lt;option value="male"&gt;Male&lt;/option&gt;
                              &lt;option value="female"&gt;Female&lt;/option&gt;
  
                          &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="buttonContainer text-center btn-container"&gt;
              &lt;br&gt;
              &lt;button ng-disabled="!(myid  &amp;&amp; manualComment &amp;&amp; gender)" type="button" id="adduser"&gt;Add user&lt;/button&gt;
              &lt;button type="button" class="btn button--default btn--small pull-center"&gt;Close&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>my app.js file </p>
  
  <pre><code>var myApp = angular.module('myApp', []);
  myApp.controller('myCtrl', function($scope) {
  $scope.userid = [1, 2, 3]
  });
  </code></pre>
  
  <p>How can I enable add user button once all field are filled?</p>