加載文件時顯示加載指令

當我將大於4MB的圖像上載到我的程序時，我想顯示加載圖標。我目前正在嘗試使用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>

來源

2016-10-06 daveskylark

你提供了一個目標...和一堆代碼...但沒有問題的陳述r興奮的代碼或任何問題 – charlietfl

可能會考慮使用角度廣播事件，你聽指令 – charlietfl

在你fileUploadCtrl（），你可以這樣做一套$ scope.loading =真/假基於在你所在的過程中，然後在你看來做

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

來源

2016-10-06 18:36:45

加載文件時顯示加載指令

回答

相關問題