如何在下载按钮单击时创建弹出窗口答案

【问题标题】：how to create a pop up on a download button click如何在下载按钮单击时创建弹出窗口
【发布时间】：2016-06-30 10:18:59
【问题描述】：

我有一个要求，点击下载按钮会下载一个 zip 文件，现在下载发生在 ui 层，但 url 是一个 API 调用 (HANA)，它会在同一页面中下载。现在，由于没有数据，zip 文件可以在很短的时间内下载，但是在生产场景中，zip 文件需要一些时间来下载。在这种情况下，我需要一个弹出窗口，例如“请稍候...正在下载”，这样用户就不会对正在发生的事情感到困惑。我正在使用 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);
    }
}

【问题讨论】：

标签： javascript angularjs popupwindow

【解决方案1】：

如果你想要花哨的弹出窗口，你可以使用 Ionic 和 Ionic Popups Ionic 与 AngularJS 配合得很好！

如果您不想使用 Ionic，可以使用 angular-bootstrap 之类的东西。他们也有一些不错的弹出窗口！

如果一切都失败了，你可能想看看this。

希望对你有帮助！

【讨论】：