Question

我有一个要求，点击下载按钮下载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);
    }
}

Answer 1

如果您想要花哨的弹出窗口，可以使用Ionic Ionic Popups Ionic适用于AngularJS！

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

如果所有其他方法都失败了，您可能需要查看this。

希望它有所帮助！

如何在下载按钮单击上创建弹出窗口

1 个答案: