在angularjs服務中存儲php響應，然後讓它們進入控制器

Question

所以，我是angularjs的新手。我想使用MVC結構。所以，我在考慮將php的響應存儲在我的服務中，然後在我的控制器中使用它們。

服務：

(function() { 
    angular.module('dataService').service("incidentService", function ($http) { 
    var Data = []; 

    return ({ 
     getData: __getData 
    }); 


    function __getData() { 
     return Data; 
    } 

    function __setData($http, $q) { 
     var defer = $q.defer(); 
     $http.get('PHP/NAME.php',{cache : 'true'}). 
     success(function(data){ 
      Data = data; 
      console.log(Data); 
      defer.resolve(data); 
      defer.promise.then(function(data){ 
       Data = data; 
       console.log(Data); 
      }); 
     }); 
    } 
})})(); 

控制器：

(function() { 

angular.module('app') 
    .controller('Ctrl', Ctrl); 

/** @ngInject */ 
function Ctrl($scope, $http, $q,baConfig, incidentService) { 

    incidentService.setData($http,$q) 

    var DataSet = incidentService.getData(); 
    console.log(DataSet); 
} 
})(); 

通過這樣做，問題是當我服務的數據陣列更新我的數據集沒有更新。我知道我們可以向控制器返回一個延遲承諾來獲取數據，但是我們可以首先在服務中設置數據，然後使用get方法來使用它們？

Answer 1

好吧，我認爲這個問題不起作用的最大問題是因爲您將由$ http調用返回的數據分配給nData而不僅僅是Data。

下一個問題是沒有在服務上定義的getMonthlyData方法。

這就是說，這看起來過於複雜。

您的服務應該看起來更像是這樣的：

(function() { 
    angular.module('dataService').service("incidentService", function ($http,$q) { 
    var service  
    service.getData = __getData() 
    return service 

    function __getData() { 
     if (!service.Data) { 
     return $http.get('PHP/NAME.php',{cache : 'true'}).then(function(data) { 
      service.Data = data 
      return $q.when(service.Data) 
     })} 
     else { 
      return $q.when(service.Data) 
     } 
    } 
})})(); 

然後在您的控制器，你只需通過incidentService.getData()