ng-repeat="file in filelist" does not work properly

[catphive]

FileList is one of the many array-like objects that the DOM defines. Iteration over them with ng-repeat="file in filelist" does not seem to work quite right. For example:

<li ng-repeat="file in filelist">{{file.name}}</li>

will on chrome produce an extra empty LI at the end.

I'm not sure about the iteration process that angular uses, but generally for array-like objects that the dom provides you either want to convert first to an array, or only iterate using simple indexing and length.

https://developer.mozilla.org/en-US/docs/DOM/FileList
http://dev.w3.org/2006/webapi/FileAPI/#dfn-filelist

Note that you get a FileList as the files attribute on input elements with type="file" attribute.

<input type="file" id="my-file-input"></input>

document.getElementById('my-file-input').files