Угловая область загрузки файла становится неопределенной

Question

Вот директива.

 app.directive("fileInput", function($parse){  
  return{  
       link: function($scope, element, attrs){  
            element.on("change", function(event){  
                 var files = event.target.files;  
                 $parse(attrs.fileInput).assign($scope, element[0].files); 
                console.log(element[0].files);//this shows file
                 $scope.$apply();  
            });  
       }  
  }
});

HTML часть:

<input class="inputFile"  type="file" id="files" file-input="files">
<button type="button" ng-click="uploadFile();">Submit</button>

Функция контроллера:

$scope.uploadFile = function(){  
        console.log($scope.files);//this is undefined
        if(!$scope.files){
            alert("select file");//prog is getting stuck here
        }else{/*some code*/}  

$ scope и каждая зависимость определяется контроллером, все еще не получая файл. пожалуйста, скажите мне, где я делаю что-то не так, потому что тот же код работает в других модулях

uploadFile();

лежит под каким-то дочерним контроллером..