ボタンのクリックで残りのapiリクエストを実行したい角度js

Question

ボタンをクリックすると残りのAPIを実行し、リクエストが完了するまでローディングバーを表示し、リクエストの結果をmddialogに表示します。私はこれを初めて熟知しています。進める方法はわかりません。

回答があれば幸いです。

$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

あなたのクリックアクション

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

コントローラ

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

ロードバー

あなただけのこれをインストールする必要があります Angular loaderこれはあなたのために残ります