title: Get/Set values of dynamical generated input fields using ng-repeat in Angular
body: <p>I have an input field which once filled with a number populates that count of additional input fields. I can't figure out how to get the values inserted in those generated input fields. Any help is appreciated, and oh, I did try various things and even with angular.element, or solely with jquery, but failed, so any explanation on how to do this is welcome.</p>
  
  <p>Here is my <a href="http://jsfiddle.net/7MhLd/59/" rel="nofollow">jsfiddle</a>, and the code c/p-ed here:</p>
  
  <pre><code>&lt;div ng-controller="MyCtrl"&gt;
      &lt;input type="text" ng-model="cntInputs" placeholder="#Inputs"&gt;&lt;br/&gt;
  
      &lt;input ng-repeat="i in getTimes()" type="text" placeholder="{{i}}" id="input_{{i}}"&gt;
  
      &lt;ul&gt;
          &lt;li ng-repeat="j in getTimes()"&gt;
              Inputed value is: {{getValue(j)}}
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var myApp = angular.module('myApp', []);
  
  
  function MyCtrl($scope) {
      $scope.cntInputs = 0;
  
      $scope.getTimes=function(){
          var a = new Array();
  
          for(var i=1; i &lt;= $scope.cntInputs; i++)
              a.push(i);
  
          return a;       
      };
  
      $scope.getValue = function(id){
          //here get the value of that inserted in the element with the id of "input_" + id
          return angular.element("input_" + id);
      }
  }
  </code></pre>