$ сфера $ применять не работает из-за обратного вызова

Question

Я использую нг-если в интерфейсе, как это:

div class="flex-row flex-space-around image-preview-panel" ng-if="files" /* Some Code */ div

Это не работает, как ожидалось, потому что $ сфера не обновляется в момент вызов функции из-за вызова этой функции:

angular.module("mainController", []) 

.controller("mainCtrl", function($scope, $state) { 
    var vm = this; 

    $scope.files = []; 

    vm.showThumbnails = function() { 
     for(var i=0;i<event.target.files.length;i++) { 
      (function(i, file) { 
       var reader = new FileReader(); 
       reader.readAsDataURL(file); 
       reader.onload = function(e) { 
        $scope.$apply(function() { 
         $scope.files[$scope.files.length] = file; 
        }) 
       } 
      })(i, event.target.files[i]); 
     } 
    } 
}) 

Любой способ решить эту проблему?

Answer 1

Я думаю, проблема в том, что $scope.files инициализируется массивом, поэтому ng-if="files" всегда истинно (в javascript пустой массив правдивый). Условие должно быть ng-if="files.length > 0"