共享模型中使用的服務

Question

學生開發人員以及我的頭在這裏，就該既角和更先進的JavaScript

我試圖提高基本角應用程序，並需要共享控制器之間的模型（所以我可以選擇列表中的項目（數組中的JSON對象）以顯示來自同一對象的更多數據）。

服務：

(function() { 
'use strict'; 

angular 
    .module('App') 
    .factory('companiesService', ['$http', 'ngAuthSettings', companiesService]); 


    function companiesService($http, ngAuthSettings) { 

     var serviceBase = ngAuthSettings.apiServiceBaseUri; 

     var Companies = function() { 
       this.records = []; 
       this.loading = false; 
       this.params = {}; 
       this.params.filter = this.filter; 
       this.params.offset = 0; 
       this.params.max = 10; 
     }; 

     Companies.prototype = { 
      loadData : function() { 
       if (this.loading || this.error || this.end) return; 
       this.loading = true; 

       $http({ 
        method : 'POST', 
        url : serviceBase + 'company.php', 
        data : $.param(this.params), 
        headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload) 
       }).then(function(response) { 

        for (var i = 0, len = response.data.records.length; i < len; i++) { 
         this.records.push(response.data.records[i]); 
        } 
        this.error = response.data.error; 
        this.message = response.data.message; 
        this.params.offset = parseInt(response.data.offset) + this.params.max; 
        this.end = len < this.params.max; 
        this.loading = false; 
       }.bind(this)); 
      }, 
      getCompany : function(id) { 
       var recs = this.records; 
       if (recs) { 
        for (var i = 0, len = recs.length; i < len; i++) { 
         if (recs[i].id == id) { 
          return recs[i]; 
         } else { 
          return -1; 
         } 
        } 
       } 
      } 

     }; 
     return Companies; 
    } 
})(); 

控制器（用於列表視圖） - 這工作得很好

(function() { 
    'use strict'; 
angular 
    .module('App') 
    .controller('companyController', ['$scope', 'companiesService', companyController]); 

    function companyController($scope, companiesService) { 
     $scope.companies = new companiesService(); 
    } 

})(); 

第二控制器如何可以訪問相同的數據，即的記錄屬性返回'公司' - 或者更具體地說，我如何在第二個控制器中的這些記錄上的服務中調用getCompany函數？

Answer 1

當您在使用工廠時，在控制器中使用new關鍵字時，您正在創建Companies對象的新實例。如果您需要另一個控制器來訪問這家新創建的公司，您可以選擇一些方法，但我相信最好的方法是創建一個服務，創建一個公司對象，您的控制器可以通過這些對象通過注入獲得訪問權限。例如：

.service('MyCompanies', function(companiesService){ 
    var state = { 
     companies: new companiesService() 
    }; 
    return { 
     getState: function(){ return state; } 
    }; 
}); 

然後你可以注入MyCompanies到兩個你的控制器和訪問相同的公司如：

$scope.state = MyCompanies.getState(); 
// now $scope.state.companies will be the same for any controller that calls the line above. 

---

雖然它們都可以達到同樣的事情，我相信你應該將工廠視爲創建事物的組件，並將服務視爲組件，以保持其他組件可以交互的狀態。

Answer 2

我不明白這個創建您code.For工作單爲：

function CompaniesService($http, ngAuthSettings) { 
    . 
    . 
    . 

    var companyCache = {}; 

    return { 
      getCompany : function(id, callback) { 
      var existInCache = companyCache[id]; 
      if(existInCache) 
       callback(companyCache[id]); 
      else{  
       $http({ 
        method : 'POST', 
        url : serviceBase + 'company.php', 
        data : $.param(this.params), 
        headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload) 
       }).then(function(response) { 
        companyCache[id] = response.data; 
        callback(companyCache[id]); 
       }); 
      } 
     } 
    }; 
} 

在控制器通爲：

angular.module('App').controller('Controller1', ['$scope', 'CompaniesService']); 
angular.module('App').controller('Controller2', ['$scope', 'CompaniesService']); 
angular.module('App').controller('Controller3', ['$scope', 'CompaniesService']); 

function Controller1($scope, CompaniesService) { 
    $scope.companies = CompaniesService.getCompany(function(data){ 
     $scope.companies = data; 
    }); 
} 

function Controller2($scope, CompaniesService) { 
    $scope.companies = CompaniesService.getCompany(function(data){ 
     $scope.companies = data; 
    }); 
} 

function Controller3($scope, CompaniesService) { 
    $scope.companies = CompaniesService.getCompany(function(data){ 
     $scope.companies = data; 
    }); 
}