Показать директиву загрузки при загрузке файла

Question

Я хочу отображать значок загрузки при загрузке изображения размером более 4 МБ в мою программу. В настоящее время я пытаюсь использовать mdDialog, хотя это может быть не то, что мне нужно делать. Таким образом, раздел кода, который это происходит, - if (fileSize < 8000000 && fileSize > 4000000). Однако анимация директивной загрузки не отображается должным образом. Так что я не уверен, как это сделать?

изображений загрузить

if (fileSize > 8000000) { 
    uploader.clearQueue(); 
    console.log("Error, the selected file is too large. Image must be less than 8MB.") 
} 
else if (fileSize < 8000000 && fileSize > 4000000) { 
    $mdDialog.show({ 
    templateUrl: 'controls/load-animate/load-animate-directive.tpl.html', 
    controllerAs: 'loadAnimate' 
    }); 
    fileItem.formData = [ 
    { 
     "targetEntityId": $scope.targetEntityId, 
     "entityType": $scope.entityType 
    } 
    ]; 
    $mdDialog.hide(); 
    $scope.uploader.uploadAll(); 
} 

нагрузки одушевленные-directive.tpl.html

<div id="load-animate-contain" class="layout-column layout-align-center-center"> 
    <div class="layout-column layout-align-center-center"> 
    <img id="load-circle-top" class="its-spinning" src="/images/img.loadCircle-top.png" /> 
    <img id="load-circle-bottom" src="/images/img.loadCircle-bottom.png" /> 
    <p class="m2head its-blinking">Loading...</p> 
    </div> 
</div> 

Answer 1

В вашем fileUploadCtrl() вы могли бы сделать что-то вроде множества $ scope.loading = истина/ложь в зависимости где вы находитесь в процессе, то, на ваш взгляд,

<load-animate ... ng-show="loading"></load-animate>