title: AngularJS: binding ng-model to input[type=file] raises 'no longer usable' exception
body: <p>Using this code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en" ng-app="app"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;ngTest&lt;/title&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.3/angular.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          angular
              .module('app', [])
              .controller('Main', ['$scope', function($s) {
                  $s.data = {
                      level1: {
                          level2: {
                              elements: [{
                                  name: 'item1'
                              },{
                                  name: 'item2'
                              },{
                                  name: 'item3'
                              },{
                                  name: 'item4'
                              }]
                          }
                      }
                  };
              }]);
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="Main"&gt;
      &lt;div ng-repeat="item in data.level1.level2.elements"&gt;
          &lt;input type="file" ng-model="item.name"&gt;
      &lt;/div&gt;
      &lt;pre&gt;{{data}}&lt;/pre&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Will raise this error:</p>
  
  <pre><code>Error: An attempt was made to use an object that is not, or is no longer, usable.
  </code></pre>
  
  <p>Error fades as soon as you change <code>type="file"</code> to <code>type="text"</code>. Any idea how to get around this? Im going to write a directive that will listen to the <code>change</code> even on the input, upload given file and assign it's value to bound model. But I this error prevents me doing so. Last couple of days costed me quite some hair. Any input on the matter would be much appreciated.</p>