AngularJS: Setting Global Variable AJAX

Question

I am looking for best practices with AngularJS: I need to share a json ajax response between nested controllers. Controller1->Controller2->Controller3

Right now I have a working version that simply sets a $scope.variable with the response in controller1, and the other controllers access it by calling the same variable.

I have tried creating a global service, but the problem is I make the ajax call in a controller, and before the ajax call is finished, the global variable defaults to null for all the other controllers.

I am just trying to understand what best approach is in this situation.

Thanks

stackoverflow.com/questions/20181323/…

hurricane
– hurricane

2015-11-03 13:27:41 +00:00
Commented Nov 3, 2015 at 13:27 — hurricane
– hurricane, Commented Nov 3, 2015 at 13:27

Yuri H. · Accepted Answer · 2015-11-03 13:39:55Z

1

Create publisher/subscriber service or factory and subscribe methods from your controller2 and 3 to data change. Just like this:

angular
  .module('')
  .factory('GlobalAjaxVariable', function() {
    var subscribers = [];

    function publish(data) {
      callbacks.forEach(function(clb) {
        clb(data);
      });
    }

    return {
      setData: function(ajaxData) {
        publish(ajaxData);
      },

      addSubscriber: function(clb) {
        subscribers.push(clb);
      }
    };
  });

answered Nov 3, 2015 at 13:39

Yuri H.

512 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

l2silver Over a year ago

This is exactly what I was looking for. Thanks Yuri.

David Faure · Accepted Answer · 2015-11-03 13:22:16Z

1

You can put the value in $rootScope.variable and after access it from any other controller (as $scope.variable)

answered Nov 3, 2015 at 13:22

David Faure

1,38614 silver badges25 bronze badges

Collectives™ on Stack Overflow

AngularJS: Setting Global Variable AJAX

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related