共享模型中使用的服务

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; 
    }); 
}