title: how to add ng-model to dynamically created input text fields
body: <p>This is my angularjs code to create input text fields dynamically.</p>
  
  <pre><code>&lt;form action="demo_form.asp" method="get"&gt;
      //statically added textfields
      value1:&lt;input type="text" placeholder="Give inspection details. Eg. 10:00." ng-model="store.static1" required /&gt;
      value2:&lt;input type="text" placeholder="Give inspection details. Eg. 10:00." ng-model="store.static2" required /&gt;
  
      //dynamically adding textfields
      enter the number of new fields to be created:&lt;input type="number" id="in_num"  /&gt;
      &lt;button type="button" id="submit"&gt; Create text fields &lt;/button&gt;
      &lt;div id="dynamicInput" &gt;&lt;/div&gt;&lt;/td&gt;
  
      //button to add values to the database
      &lt;button type="submit" ng-click="addValues($event)&gt; add to database &lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>"ng-click="addValues($event)"" helps add these values to a mongodb database which i have already done.</p>
  
  <p>javascript code used to make these fields is:</p>
  
  <pre><code> $(document).ready(function(e){
  $('#submit').click(function(){     
   var inputIndex = $('#in_num').val();
      for( var i=0; i&lt;inputIndex; i++)
      {
        $('#dynamicInput').append('&lt;input type=text  id=id_'+ i +' style=width:100%; padding:12px 15px  ng-model=store.value'+i+'/&gt;');
      }
  });
  });
  </code></pre>
  
  <p>On clicking the "add to database" button the values only from first and second textfields are geting added to the database but not the values added from the dynamically created textfields. Is there any way to do it?</p>