simple file select input directive which watches file selected change

file.js

angular.module('file',[])
.directive('file', [function(){
  return {
    scope: {
      file: '='
    },
    link: function(scope, el, attrs){
      el.bind('change', function(event){
        var files = event.target.files;
        var file = files[0];
        scope.file = file || undefined;
        scope.$apply();
      });
    }
  };
}]);