Ich möchte eine Rest API Abfrage auf einen Klick Winkel js

Question

Ich möchte eine Pause API auf einen Klick eine Schaltfläche und zeigen eine Ladebalken, bis die Anfrage abgeschlossen ist und zeigen Sie das Ergebnis der Anfrage in einem MDDialog. Ich bin neu, ich weiß nicht weiter.

Alle Antworten helfen würden geschätzt.

$http({ 
    method: 'GET', 
    url: url1 
    }).then(function successCallback(response) { 
    var confirm = $mdDialog.confirm() 
     .title('Download as CSV') 
     .textContent('You can download the csv by clicking below link') 
     .ariaLabel('Download') 
     .targetEvent(response.data.export_url) 
     .ok('Download as CSV'); 
    $mdDialog.show(confirm); 
    // this callback will be called asynchronously 
    // when the response is available 
    }, function errorCallback(response) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    }); 

Answer 1

Ihre Klickaktion

<input type="button" ng-click="performCall()" /> 

-Controller

$scope.performCall = function(){ 
    // Simple GET request example: 
    $http({ 
     method: 'GET', 
     url: '/someUrl' 
    }).then(function successCallback(response) { 
     // this callback will be called asynchronously 
     // when the response is available 
    }, function errorCallback(response) { 
     // called asynchronously if an error occurs 
     // or server returns response with an error status. 
    }); 
} 

Die loading bar

Sie haben soeben müssen Sie diese Angular loader installieren und es wird den Rest für Sie tun