title: AngularJS dynamic forms with ng-repeat
body: <p>i am working with AngularJS dynamic forms . According to my userid value i generated multiple form field with same model name using ng-repeat. i am not able to get this input model values due to this ng-repeat. in this example i am using static userid data.</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" required&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" required&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="userForm.$invalid" type="button" id="adduser" ng-click="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 js code </p>
  
  <pre><code>var myApp = angular.module('myApp', []);
   myApp.controller('myCtrl', function($scope) {
     $scope.userid = [1, 2, 3];
     $sope.adduser = function() {
  
  }
  });
  </code></pre>
  
  <p>i need to send array of objects to my server.my userid also dynamic it has more than 100 data. how can i get each and every data field model value? and how to convert those model data into array of objects like my sampleserver data?</p>
  
  <p>i am expecting my final output data like this</p>
  
  <pre><code>var sampleServerData = [{
          "userid": 1,
          "manualcomment": "mycmt1",
          "gender": "male"
      }, {
          "userid": 2,
          "manualcomment": "mycmt2",
          "gender": "male"
      }, {
          "userid": 3,
          "manualcomment": "mycmt3",
          "gender": "female"
      }]
  </code></pre>