如何在角度顯示加載狀態

Question

我正在製作一個Angular應用程序，我很樂意告訴用戶它通過API下載信息需要多長時間。

基本上我現在這樣做的：

app.controller('GlossaryCtrl', function ($scope, $http) { 
    $http({ 
     method: 'GET', 
     url: 'http://example.com/api/v1/glossary', 
    }) 
    .success(function(data) { 
     $scope.glossary = data; 
    }) 
    .error(function(data) { 
     $scope.glossary = [ 
      {"title": "Error:", 
      "description": "Please ensure you are connected to the internet or try again in a few minutes."} 
     ]; 
    }); 
}); 

現在，而詞彙表下載，是對我有辦法讓長度，它已下載？這樣我可以創建一個狀態欄。

Answer 1

這裏的問題是，所有的JSON數據都以文本形式傳輸，並在客戶端以JSON格式解析。在JSON文檔完成之前，您還沒有真正知道有多少項總數（或迄今爲止已收到多少項）的方法。

您可能會了解如何連線xhr progress events，但對角度而言，這仍然是outstanding issue。

可能最簡單的事情就是展示一個動畫gif。如果你使用angular-ui/bootstrap，你可以顯示一個動畫進度條。 documentation有很多例子。