2016-06-30 64 views
1

我有一個要求,點擊下載按鈕時,一個zip文件被下載,現在下載發生在ui層上,但該url是一個API調用(HANA)和它被下載到同一頁面中。現在,由於沒有數據,壓縮文件會在很短的時間內下載,但在生產場景下,壓縮文件需要一些時間下載。 在這種情況下,我需要一個彈出窗口,例如「請稍等...正在下載」,以便用戶不會對發生的事情感到困惑。我使用AngularJS如何在下載按鈕上創建一個彈出按鈕點擊

我已經嘗試windows.location.assign(),但我需要一個彈出窗口顯示一些文本與確定或取消按鈕

這是我的.html代碼

<button class="btn btn-primary" style="margin-right:10px;" ng-click="downloadData()">Download</button> 

和我的.js代碼

$scope.downloadData = function(){ 
    try{ 
     waitingDialog.show('Please wait!!!',{dialogSize: 'sm'}); 
     window.location.assign(Config.endpoints.getDownloadPreviewData.url); 
     waitingDialog.hide(); 
    } 
    catch(err){ 
     $scope.showAlert('Some problem occured during the download, kindly try after some time', $scope.closeAlert); 
    } 
} 

回答

0

如果你想花俏的彈出窗口,你可以使用離子與Ionic Popups 離子與AngularJS的偉大工程!

如果你不想使用離子,你可以使用類似angular-bootstrap的東西。他們也有一些不錯的彈出窗口!

如果一切都失敗,你可能想看看this

希望它有幫助!