2016-06-30 5 views
1
klicken

Ich habe eine Verpflichtung, in der auf Klick auf Download-Button eine Zip-Datei heruntergeladen wird, nun der Download geschieht auf der UI-Ebene, aber die URL ist ein API-Aufruf (HANA) und Es wird auf der gleichen Seite heruntergeladen. Jetzt, da keine Daten vorhanden sind, wird die Zip-Datei innerhalb sehr kurzer Zeit heruntergeladen, aber im Produktionsszenario würde die Zip-Datei einige Zeit zum Herunterladen benötigen. In diesem Szenario brauche ich ein Pop-up wie "Bitte warten ... Download läuft", damit der Benutzer nicht verwirrt wird, was passiert. Ich bin mit AngularJSwie ein Pop erstellen oben auf einer Download-Button

i windows.location.assign() habe versucht, aber ich brauche ein Pop-up einen Text mit ok angezeigt werden oder Löschtaste

das ist mein HTML-Code

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

und mein Js-Code

$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); 
    } 
} 

Antwort

0

Wenn Sie Lust auf Pop-ups wollen Sie Ionic mit Ionic Popups Ionic arbeitet gut mit AngularJS verwenden können!

Wenn Sie nicht wollen, Ionic verwenden Sie so etwas wie angular-bootstrap verwenden können. Sie haben auch ein paar nette Popups!

Wenn alle Stricke reißen Sie vielleicht einen Blick auf this haben wollen.

Hoffe es hilft!

Verwandte Themen