角度視圖不能從共享服務更新

Question

我需要一點幫助來構建我的角度應用程序。我有兩個控制器'OfferListCntrl'（顯示優惠清單）和'OfferDetailsCntrl'（通過ID顯示單個優惠）以及名爲'Offers'的服務/模型。他們分別通過Offer服務，GetOffers（返回提供數組）和GetOffer（返回單個提議）連接到兩個Web服務，並且如果GetOffers已被調用（保存服務調用），我試圖避免調用GetOffer（id）

MyApp.factory('Offers', function($http,Config) { 
var data=[]; 
var Offers = { 
    get: function() { 
     var promise = $http.get(Config.API_END_POINT + "GetOffers?appID=12",{cache:"true"}) 
     .then(function (response){ 
      data = response.data; 
      return response.data; 
     }); 
     return promise; 
    }, 
    getOffer: function(id) { 
     var local = _.find(data.Offers, function(offer) { return offer.OfferID == id });     
     if(local){ 
      console.log("local copy found:" + local.OfferID); 
      console.log(local.Description); 
      console.log(local); 
      return local; 
     } 
     else { 
      var promise = $http.get(Config.API_END_POINT + "GetOffer?appID=12&OfferID=" + id,{cache:"true"}) 
      .then(function (response){ 
       console.log("no local, calling ws"); 
       return response.data; 
      }); 
      return promise; 
     } 

    } 
}; 
return Offers; 
}); 



function OfferDetailCtrl($scope,$http,Offers) { 
    Offers.get().then(function (asyncData){ 
     $scope.offers = asyncData.Offers; 
    }); 
}]); 


function OfferDetailCtrl($scope,$routeParams,$http,$location,Offers) { 
    $scope.offerId = $routeParams.offerId; 
    Offers.getOffer($scope.offerId).then(function (asyncData){ 
     $scope.offer = asyncData; 
    }); 
} 

1個問題。

1. 麻煩的是，當Offers.getOffer（ID）被調用：它似乎發現羯羊它具有本地數據，或者未如預期，如果它調用web服務，一切都很好沒有本地數據，但如果有現有的數據，它會嘗試將其返回給OfferDetailCtrl然後出錯。我可以console.log它的內容就在返回之前，它似乎完好無損，所以我很困惑爲什麼控制器會接受承諾，但不是實際的對象。

Error: 'undefined' is not a function (evaluating 'Offers.getOffer($scope.offerId).then(function (asyncData){ $scope.offer = asyncData; console.log($scope.offer); })') OfferDetailCtrl@http://staging.scanzap.com.au/assets/js/offers/OfferDetailController.js:17

，如果有更好的方法我可以做這個ID喜歡聽:)感謝您的幫助

Answer 1

嘗試做這樣的事情，而不是一定要注資$ Q以及。

getOffer: function(id) { 
     var deferred = $q.defer(); 
     var local = _.find(data.Offers, function(offer) { return offer.OfferID == id });     
     if(local){ 
      console.log("local copy found:" + local.OfferID); 
      console.log(local.Description); 
      console.log(local); 
      deferred.resolve(local;) 
     } 
     else { 
      var promise = $http.get(Config.API_END_POINT + "GetOffer?appID=12&OfferID=" + id,{cache:"true"}) 
      .then(function (response){ 
       console.log("no local, calling ws"); 
       deferred.resolve(response.data); 
      }); 
     } 

     return deferred.promise; 

    }