Share a single service between multiple angular.js apps

by

The sharedService is being shared, but one angular app doesn’t know that something updated in the other app so it doesn’t kick off a $digest. You have to manually tell the $rootScope of each application to start a $digest by calling $rootscope.$apply()

Fiddle: http://jsfiddle.net/pvtpenguin/k9KM7/3/

  angular.module('test-service', [])
  .service('TestService', function($rootScope, $window){
    var text="Initial state";
    $window.rootScopes = $window.rootScopes || [];
    $window.rootScopes.push($rootScope);

    if (!!$window.sharedService){
      return $window.sharedService;
    }

    $window.sharedService = {
      change: function(newText){
        text = newText;
        angular.forEach($window.rootScopes, function(scope) {
          if(!scope.$$phase) {
              scope.$apply();
          }
        });
      },
      get: function(){
        return text;
      }
    }

    return $window.sharedService;
  });

More Related Contents:

  1. How does data binding work in AngularJS?
  2. Controller not a function, got undefined, while defining controllers globally
  3. How do I share $scope data between states in angularjs ui-router?
  4. AngularJS – How to use $routeParams in generating the templateUrl?
  5. How to get evaluated attributes inside a custom directive
  6. Does never resolved promise cause memory leak?
  7. Failed to execute ‘postMessage’ on ‘DOMWindow’: https://www.youtube.com !== http://localhost:9000
  8. How to compare two objects and get key-value pairs of their differences?
  9. How to pass an object into a state using UI-router?
  10. AngularJS browser autofill workaround by using a directive
  11. Initializing select with AngularJS and ng-repeat
  12. Watch multiple $scope attributes
  13. How can I make an AngularJS directive to stopPropagation?
  14. How to use jQuery in AngularJS
  15. How to set expiration date for cookie in AngularJS
  16. How do I disable the save password bubble in chrome using Javascript?
  17. Creating common controller functions
  18. Error: [ng:areq] from angular controller
  19. Error: [ngModel:datefmt] Expected `2015-05-29T19:06:16.693209Z` to be a date – Angular
  20. How do display a collapsible tree in AngularJS + Bootstrap
  21. AngularJS: Understanding design pattern
  22. Format Date time in AngularJS
  23. AngularJS and WebSockets beyond
  24. How to create a custom input type?
  25. Using page’s angular JS in chrome extension
  26. angularjs custom filter to check for values inside a data array
  27. In what JS engines, specifically, are toLowerCase & toUpperCase locale-sensitive?
  28. AngularJS application file structure
  29. Validate phone number using angular js
  30. AngularJS event on window innerWidth size change

Leave a Comment