如何將工廠連接到花費太多時間的服務？

Question

我們必須從API中獲取一些信息，這些信息是我們在客戶端計算的哈希值，但是需要花費相當長的時間才能完成。我們還沒有能夠與角度週期同步，我們可以做的最多的是設置一個超時來計算散列，但儘管我們現在得到了散列並獲得了信息，但是這會打破角度週期，我們可以使用它。

我們是角（1.0.7）相當新的，我們知道，我們失去了一些東西，在這個問題上的任何幫助將appriaceted

更新忽略了一些明顯的部分代碼，我想，請讓我知道如果不是這樣。

https://code.google.com/p/javascript-bcrypt/和依賴正確加載，所以我們創建了一個計算哈希服務（還有一兩件事，這是需要的哈希僅一次計算）

.service('hashSrv', function(SALT, $q, $timeout) { 
    var bcrypt, token = '', secure = '', deferred = $q.defer(); 

    bcrypt = new bCrypt(); 
    token = Base64.encode("Sometoken"); 

    return { 
     generate: function() { 
      bcrypt.hashpw(token, SALT, function(hash) { 
       secure = hash; 
      }); 
     }, 
     getSecure: function() { 
      return secure; 
     }, 
     getToken: function() { 
      return token; 
     }, 
     getData: function() { 
      return { 
       'token': token, 
       'secure': secure 
      } 
     } 
    } 
}) 

這裏是我們的工廠資源：

.factory('InfoSrv', function ($http, RESOURCE_URL, HashSrv, $timeout) { 
    return $timeout(function() { 
     $http({method: 'GET', url: 'RESOURCE_URL?token=' + HashSrv.getToken() + '&secure=' + HashSrv.getSecure()}) 
     .success(function(response, data, status, headers, config) { 
      //Here we have the correct response 
     }) 
     .error(function(response, data, status, headers, config) { 
      //Check if something bad happens 
     }); 
    }, 200); 
}) 

最後，我們試圖阿勒在我們的控制器使用它

.controller('DataCtrl', 
    ['$scope', 'InfoSrv', 
    function ($scope, InfoSrv) { 
     $scope.user.basicInformation = $scope.getBasicInfo(); 
     //Here we can get the info :(
    } 
]) 

Answer 1

$ timeout服務返回一個promise，並且promise解析的值是在傳遞給$ timeout的函數內返回的值。在你的情況下，你不會在$超時內返回任何東西。

我不知道爲什麼你需要$超時要麼。你可以返回$ http（），這也將返回承諾。然後將您的成功，錯誤方法移出服務。

Answer 2

在hashSrv，generate()應該返回延期承諾

generate: function() { 
     bcrypt.hashpw(token, SALT, function(hash) { 
      secure = hash; 
      deferred.resolve(hash); 
     }); 
     return deferred.promise; 
} 

工廠應返回一個promise這樣的：

.factory('InfoSrv', function ($http, RESOURCE_URL, HashSrv, $timeout) { 
    return { 
     getBasicInfo: function() { 
      var promise = $http({ 
       method: 'GET', 
       url: 'RESOURCE_URL?token=' + HashSrv.getToken() + '&secure=' + HashSrv.getSecure() 
      }).success(function (response, data, status, headers, config) { 
       return data; 
      }).error(function (response, data, status, headers, config) { 
       //Check if something bad happens 
      }); 
      return promise; 
     }; 
    } 
}); 

而且你可以在你的控制器消費這樣的服務：

.controller('DataCtrl', ['$scope', 'InfoSrv', 'hashSrv', function ($scope, InfoSrv, hashSrv) { 
    hashSrv.generate().then(function (hash) { 
     InfoSrv.getBasicInfo().then(function (data) { 
      $scope.user.basicInformation = data; 
     }) 
    }) 
}])