angularjs：如何一次加载远程通用数据并在控制器之间共享？

Question

In my angularjs app, I want to load just once a huge list of data, and share it across controllers. So I have a factory that retrieve data over http:

angular.module('app').factory('reportFactory', ['$http', function ($http) {
        var reportFactory = {};
        reportFactory.endPoint = 'ajax.php';
        reportFactory.getHugeData = function () {
            return $http.get(this.endPoint + '?query=CourseListQuery');
        };
        return reportFactory;
    }]);

I tried this:

angular.module('app').factory('CommonData', ['reportFactory', function CommonDataFactory(reportFactory) {
    var data = {};
    reportFactory.getHugeData().then(function (response) {
        data.courses = response.data;
    }, function (error) {
    });
    return data;

}]);

but then when in my controller I tried to access log.warn(CommonData.courses); , I got undefined

I would like to store the result of that promise to get it available to all my angularjs app.

How to structure that and where to make the unique call that will retrieve data?

Answer 1

Use a provider.

angular.provider("CommonData", [function() {
    this.commonData = {};

    this.setCommonData = function(commonData) {
        this.commonData = commonData;
    };

    this.getCommonData = function() {
        return this.commonData;
    };
}]);

Then in the controller:

angular.controller("ExampleController", ['CommonDataProvider', function(CommonDataProvider) {
    var commonData = CommonDataProvider.getCommonData();
}]);