Inject different helper functions Angular

Question

I am trying to inject a few helpers (lodash and a few of my own) in Angular controllers so I have:

angular.module('app').factory("_", Lodash);
Lodash.$inject = ['$window'];
function Lodash($window) {
  if ($window._) 
    return $window._;
}

angular.module('app').factory("_", Helper);
Helper.$inject = ['$window']; 
function Helper($window) {  
  return {
    test: function () {
      return "test";
    }
  }
}

So I would like all helpers to be accessible under _ and I would define them in a few JS files ... Can this be done?

With my code only one of them work: lodash methods or test().

yes, I know ... my question is if I can merge the methods in lodash and my own in the same factory accessible in _ — Miguel Moura
– Miguel Moura, Commented Apr 17, 2016 at 19:43

Estus Flask · Accepted Answer · 2016-04-17 20:39:38Z

For services that don't require dependencies ($window isn't crucial here because it serves for no purpose and can be replaced with window or _ global) config block is a good place to define them, because constant services are already available there.

app.config(function ($injector, $provide) {
  var lodash = $injector.has('_') ? $injector.get('_') : {};
  angular.extend(lodash, window._);
  $provide.constant('_', lodash);
});

app.config(function ($injector, $provide) {
  var lodash = $injector.has('_') ? $injector.get('_') : {};
  angular.extend(lodash, {
    test: ...
  });
  $provide.constant('_', lodash);
});

When the service is defined this way, its value can be extended several times, the order of config blocks doesn't matter.

Alternatively, service value can be changed with decorator, in order to do that the service should be already defined.

okaufmann · Accepted Answer · 2016-04-17 19:44:14Z

0

You can not redeclare a factory. As you already noticed, this will overwrite the previous.

You could prepare the helper in separate files and register them in one factory call elsewhere in your app.

answered Apr 17, 2016 at 19:44

okaufmann

15 bronze badges

1 Comment

Miguel Moura Over a year ago

Yes, that is my idea ... To merge lodash methods with my own methods under _ factory. But how can I do that? Could you give an example with the code I posted?

Collectives™ on Stack Overflow

Inject different helper functions Angular

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related