如何在下載按鈕單擊上創建彈出窗口

Question

我有一個要求，點擊下載按鈕下載一個zip文件，現在下載發生在ui層，但url是一個API調用（HANA），它被下載到同一頁面。 現在，由於沒有數據，zip文件會在很短的時間內下載，但在生產場景中，zip文件需要一些時間才能下載。 在這種情況下，我需要一個彈出窗口，例如“請等待......正在下載”，這樣用戶就不會對發生的事情感到困惑。 我正在使用AngularJS

我已經嘗試過windows.location.assign()但我需要一個彈出窗口來顯示一些ok或取消按鈕的文本

這是我的.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);
    }
}

Answer 1

如果你想要花哨的彈出窗口你可以使用Ionic和Ionic Popups Ionic可以和AngularJS一起使用！

如果你不想使用Ionic，你可以使用像angular-bootstrap這樣的東西。 他們也有一些不錯的彈出窗口！

如果一切都失敗了，你可能想看看這個 。

希望能幫助到你！