title: angularjs - ng-file-upload not binding model to dynamically created HTML form
body: <p>I want to upload an image file from dynamically generated HTML form using ng-repeat.
  I am using ng-file-upload module to upload the single image file (<a href="https://github.com/danialfarid/ng-file-upload" rel="nofollow">https://github.com/danialfarid/ng-file-upload</a>).
  When I am uploading file from static HTML its working fine.
  But when I try to upload the file from dynamically generated HTML then it wont work as expected. The file is not uploading and also giving error in firefox console as follows :</p>
  
  <pre><code>Error: Argument 2 of FormData.append is not an object.
  </code></pre>
  
  <p>The form is successfully submitted if we assign ng-model of file control set to null.
  for example; if</p>
  
  <pre><code>&lt;input name='img' type='file' value='' ng-model='data.imageFile' 'ngf-select' accept='image/*' /&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$scope.data.imageFile = null;
  </code></pre>
  
  <p>then other parameters will submitted by HTTP service and store to database normally but file will not going to upload.</p>
  
  <p>Is any way to assign file object to the input[type=file] in this case of dynamically generated HTML??</p>
  
  <p>The code <strong>PLUNKER</strong> is created here</p>
  
  <p><a href="http://plnkr.co/edit/S7hnVJnuDjWUMQ6PYewk?p=preview" rel="nofollow">http://plnkr.co/edit/S7hnVJnuDjWUMQ6PYewk?p=preview</a></p>