控制器之间的角度传递数据

Question

I have requirement where i need to share data between controllers,so i created factory

suppose i have url like: abc/123 (Note:123 is dynamic i need to pass it from controller)

MyCode

appServices.factory('classesService', function($http){
    return {
        getClasses: function(value) {
            return $http.get(urlprefix + 'orgs/' + value + '/classes?with-users=true');
        }
    };
});

In Controller

classesService.getClasses($scope.organization.id).then(function(data){});

now suppose i am using it in 3 contollers 3 calls will go to server. i dont want three calls i want only one call.

Note:value is same for all three controller

is there any way i can acheive this.

Thanks

Answer 1

您可以使用UI-ROUTER-EXTRAS“ https://christopherthielen.github.io/ui-router-extras/#/home ”

Answer 2

The easiest solution is to just enable caching in your service. This way all your controllers can access the method and the request is made only once.

return $http.get(urlprefix + 'orgs/' + value + '/classes?with-users=true', {cache: true});

This is very basic caching. You may need a more advanced strategy -- but this is your first step.

UPDATE

You may run into a race condition with simple $http caching if your second or third request are made before the first request completes. We can overcome this easily.

appServices.factory('classesService', function($http) {

    var orgsPromise;    

    return {
        getClasses: function(value) {

            if (orgsPromise) return orgsPromise; 

            orgsPromise = $http.get(urlprefix + 'orgs/' + value + '/classes?with-users=true');

            return orgsPromise;
        }
    };
});

Answer 3

I believe you can do something like this;

var yourApp = angular.module('yourApp',[]);

yourApp.factory('classesService', function($http){
    var classes;  
    return {            
        getClasses: function(value) {
            if (!classes) {
                classes= $http.get(urlprefix + 'orgs/' + value + '/classes?with-users=true');
            }
            return classes;
        }
    };
});

yourApp.factory('Classes', ['classesService',function(classesService){
    return classesService.getClasses();
}]);

function yourControllerA($scope, Classes) {
    $scope.value="Hello from Controller A"; 
    $scope.sharedValue=Classes;
    ....
}

function yourControllerB($scope, Classes) {
    $scope.value="Hello from Controller B"; 
    $scope.sharedValue=Classes;
    ....
}

function yourControllerC($scope, Classes) {
    $scope.value="Hello from Controller C"; 
    $scope.sharedValue=Classes;
    ....
}