AngularJS：從工廠獲取數據並更新Controller范圍和視圖

Question

大家好，我確實需要有關此工廠和控制器問題的幫助和建議。

1. 我有一家從服務器獲取數據的工廠

    sp.factory('homeFeed',['$window','$http','auth',function($window,$http,auth){ var url = auth.url; var version = auth.version; var HomeFeed = {}; HomeFeed.getFeeds = function(user){ //setting variable for get request on home feed var req = { method: 'GET', url: url + version + '/Feed', headers: { 'Content-Type': 'application/json; charset=utf-8', 'Authorization': 'Bearer ' + token }, } return $http(req).success(function(res){ return res; }); }; return HomeFeed; }]); 

2. controller--

    sp.controller('HomeCtrl',['$scope','homeFeed','$window',function($scope,homeFeed,$window){ //getting all the home feed data $scope.feeds = homeFeed.getFeeds(JSON.parse($window.localStorage['SP-User'])) }]); 

但是，在服務器響應之后，我的視圖未更新，$ scope.feeds也未更新。 非常感謝您的幫助

Answer 1

當您進行異步$http調用時，該數據在該時間實例將不可用。 當ajax調用成功時，它將可用。 您需要使用.then函數，該函數將創建一個.success鏈，並在.success函數返回數據時執行一個函數。

調節器

sp.controller('HomeCtrl',['$scope','homeFeed','$window',
   function($scope,homeFeed,$window){
     //getting all the home feed data
     homeFeed.getFeeds(JSON.parse($window.localStorage['SP-User']))
     .then(function(data){
        $scope.feeds = data 
     });
   }
]);