Inject service in all controllers

Question

I want to use https://github.com/alexcrack/angular-ui-notification for notifications. I need them in all my controllers. Is it possible to inject 'Notification'(or '$log' or whatever) in all my controllers?

You just have to load `Notification` service in your controller as dependency. — gaurav bhavsar, Aug 28 '15 at 08:35

score 5 · Accepted Answer · edited May 23 '17 at 12:04

I think you could by letting your controllers inherit from a common basecontroller. Something like this might work:

angular.module('extending', [])

.controller('baseController', function(someService) {
   this.someService = someService;
})

.controller('extendedController', function($scope, $controller) {
  angular.extend(this, $controller('baseController', { $scope: $scope }));

   this.alert = this.someService.alert;
})

.service('someService', function() {
  this.alert = function() {
    window.alert('alert some service');
  };
});

HTML

  <body>
    <div ng-controller="extendedController as ex">
        <button ng-click="ex.alert()">Alert</button>
    </div>
  </body>

Example on plunker. Related post on SO. AngularjS extend doc.

Thanks a lot! Your answer is very helpfull – Roman Koliada Aug 28 '15 at 09:17 — Roman Koliada, Aug 28 '15 at 09:17
Wow, didn't know about the `extend` feature, +1 – Martin Seeler Aug 28 '15 at 09:21 — Martin Seeler, Aug 28 '15 at 09:21

Inject service in all controllers

1 Answers1

Linked