2016-06-30 20 views
1

ダウンロードボタンをクリックするとzipファイルがダウンロードされ、今ダウンロードはUIレイヤーで行われますが、URLはAPIコール(HANA)ですそれは同じページにダウンロードされます。現在、データがないため、zipファイルは非常に短い時間内にダウンロードされますが、実動シナリオではzipファイルのダウンロードに時間がかかります。 このシナリオでは、何か起こっていることをユーザーが混乱させないように、「しばらくお待ちください...進行中」などのポップアップが必要です。私は私がwindows.location.assign()を試してみましたが、私はこれが私の.htmlコードダウンロードボタンでポップアップを作成するにはどうすればいいですか?

<button class="btn btn-primary" style="margin-right:10px;" ng-click="downloadData()">Download</button> 

と私の.jsコードでキャンセルOKまたはボタン

でいくつかのテキストを表示するには、ポップアップを必要とするAngularJS

を使用していますあなたは空想のポップアップをしたい場合は

$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で素晴らしい作品とイオンを使用することができます!

Ionicを使用しない場合は、angular-bootstrapのようなものを使用できます。彼らには素晴らしいポップアップもあります!

その他すべてが失敗した場合は、thisをご覧ください。

希望すると助かります!

関連する問題