javascript - AngularJS:使用 Shared Service(with $resource) 在 Controller 之间共享数据，但如何定义回调函数？

Question

注意:我还在 AngularJS 邮件列表上发布了这个问题:https://groups.google.com/forum/#!topic/angular/UC8_pZsdn2U

大家好，

我正在构建我的第一个 AngularJS 应用程序并且一开始对 Javascript 不是很熟悉所以任何指导将不胜感激:)

我的应用有两个 Controller ，ClientController 和 CountryController。在 CountryController 中，我从使用 $resource 对象的 CountryService 中检索国家列表。这工作正常，但我希望能够与 ClientController 共享国家列表。经过一些研究，我了解到我应该使用 CountryService 来存储数据并将该服务注入(inject)到两个 Controller 中。

这是我之前的代码:

国家服务:

services.factory('CountryService', function($resource) {
    return $resource('http://localhost:port/restwrapper/client.json', {port: ':8080'});
});

国家 Controller :

//Get list of countries         
//inherently async query using deferred promise
$scope.countries = CountryService.query(function(result){       
        //preselected first entry as default
    $scope.selected.country = $scope.countries[0];  
});

经过我的修改，它们看起来像这样:

国家服务:

services.factory('CountryService', function($resource) {
    var countryService = {};

    var data;
    var resource = $resource('http://localhost:port/restwrapper/country.json', {port: ':8080'});

    var countries = function() {
        data = resource.query();
        return data;
    }

    return {
        getCountries: function() {
            if(data) {
                console.log("returning cached data");
                return data;
            } else {
                console.log("getting countries from server");
                return countries(); 
            }

        }
    };
  });

国家 Controller :

$scope.countries = CountryService.getCountries(function(result){
        console.log("i need a callback function here...");
});

---

问题是我曾经能够使用 $resource.query() 中的回调函数来预选默认选择，但现在我已经将 query() 调用移到我的 CountryService 中，我似乎失去了什么。

解决这个问题的最佳方法是什么？

感谢您的帮助，肖恩

Answer 1

好的..看起来我通过将回调函数一直传递到 resource.query() 调用来解决问题。仍然不确定这是否是执行此操作的最佳方法。

作为引用，这是我所做的:

国家 Controller :

$scope.countries = CountryService.getCountries(function(){
    //preselected default
    $scope.selected.country = $scope.countries[0];  
});

国家服务:

//Country Service. Will contain all relevant rest methods here
services.factory('CountryService', function($resource) {
    var countryService = {};

    var data;
    var resource = $resource('http://localhost:port/restwrapper/country.json', {port: ':8080'});

    var countries = function(callback) {
        data = resource.query(callback);
        return data;
    }


    return {
        getCountries: function(callback) {
            if(data) {
                console.log("returning cached data");
                return data;
            } else {
                console.log("getting countries from server");
                return countries(callback); 
            }

        }
    };
  });