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

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 PopupsIonic 与 AngularJS 配合得很好!

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

如果所有其他方法都失败，您可能想看看 this .

希望对你有帮助!