httpリクエスト中のangularjsスピナー

Question

初めてログインすると、サーバーに1回のHTTPリクエストを行い、サーバーが処理を完了してから応答を待っています。私が待っている間、私はいくつかのリンクをクリックし、トラフアプリを歩くことができます。私はこれを無効にして、すべてのページにいくつかの読み込みGIFを作成するが、私はそれを行う方法がわからない。

マイコントローラー：全てのページ間での負荷GIFを表示するために私のコードで何かを実装する方法

vm.starting = starting;  
function starting() { 
      dataService.restartVersion().then(function (data) { 

      }); 
     } 

マイサービス

function restartVersion() { 
     return $http.post('http://localhost/organization/restartVer', { 
     }).then(function(response) { 
      return response.data; 
     }); 
    } 

？

助けてください？

ありがとうございます。

Answer 1

コントローラでは、フラグを設定してリセットします。 HTMLで

function starting() { 
    vm.starting = true; 
    dataService.restartVersion() 
     .then(function onSuccess(data) { 
     vm.data = data; 
    }).catch(function onReject(errorResponse) { 
     console.log(errorResponse.status); 
    }).finally(function() { 
     vm.starting = false; 
    }); 
}; 

、フラグを使用します。

<div ng-show="vm.starting"> 
    <img ng-src="spinnerURL" /> 
</div> 

<div ng-hide="vm.starting"> 
    <p>{{vm.data}}</p> 
</div> 

をvm.startingはtrueときXHRが開始さを設定し、XHRが完了したときにクリアされます。