2016-06-30 148 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

希望它有帮助!