一次通話HTTP請求使用angularjs

Question

function get (id, ignore) { 
    var deferred = $q.defer(); 

    $http.get('v1/info/' + id, { 
     ignoreAuthModule: ignore 
    }) 
     .success(function (data) { 
     deferred.resolve(data.data); 
     }) 
     .error(function (reason) { 
     deferred.reject(reason.message);); 
     }); 

    return deferred.promise; 
    } 

init(); 

function init(){ 
users.get($routeParams.id) 
    .then(function (data) { 
     if(data.has_something === 1){ 
      $scope.hasSomething = true; 
     }else{ 
      $scope.hasSomething = false; 
     } 

    }); 
} 

我使用的承諾，抓取信息從初始化函數的服務，獲得有關用戶的信息服務 //如果我調用init函數這應該叫兩次從一個功能初始化和我是來自服務 調用它，我怎麼能阻止兩次調用API，我的意思是它應該調用，如果已經調用一次

Answer 1

您在此處使用顯式承諾創建反模式，並且您的代碼可能更簡單。以下是如何使用memoization避免向同一用戶請求兩次：

.factory('users', ['$http', function ($http) { 
    var userPromises = {}; 

    function get (id, ignore) { 
     if (!userPromises[id]) { 
      userPromises[id] = $http.get('v1/info/' + id, { 
       ignoreAuthModule: ignore 
      }) 
      .then(function (data) { 
       return data.data; 
      }) 
      .catch(function (reason) { 
       throw new Error(reason.message); 
      }); 
     } 

     return userPromises[id]; 
    } 

    return { 
     get: get 
    }; 
}); 

Answer 2

您可以將您的deferred.promise一些變量，然後返回一個變量，而之前你http調用只是檢查該變量是否已定義

function get (id, ignore) { 
    if (angular.isUndefined(user)) { 
    var deferred = $q.defer(); 

    $http.get('v1/info/' + id, { 
     ignoreAuthModule: ignore 
    }).then(function(response) { 
     if (response.status == 200) { 
     deferred.resolve(response.data); 
     } else { 
     deferred.reject(response.data); 
     }; 

    user = deferred.promise; 
    return user; 
    } else { 
    return user; 
    } 
    } 

這樣你的api只會被調用一次。