Add existing JS object to Angular app as a dependency

Question

I'm new to Angular and trying to figure out how to inject some external objects into Angular.

I have a JS script defining a global Payment object with some methods on it. I'd like to somehow import it (the Payment object) into an Angular service (from what I understood the service would be the place to that). How exactly does one go about that?

What I'd like to achieve in the end would be something like:

app.controller("myController", [PaymentService, function (payment) {....}]);

Why do you want to add it as a dependency in the first place, if its already a global JS object? — Pr0gr4mm3r
– Pr0gr4mm3r, Commented Aug 10, 2014 at 17:17

Valentin Waeselynck · Accepted Answer · 2014-08-10 17:26:14Z

3

This would work :

app.factory('PaymentService',['$window', function($window){ 
  return $window.Payment;
}]);

Using a factory is an occasion to add additional behavior, for example adding methods or checking that the global object is defined.

edited Aug 10, 2014 at 17:26

answered Aug 10, 2014 at 17:19

Valentin Waeselynck

6,10130 silver badges48 bronze badges

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

Comments

Tassos Bassoukos · Accepted Answer · 2014-08-10 17:20:50Z

0

You can declare it either as a value:

 angular.module('foo').value('PaymentService',window.Payment);

or as a constant:

 angular.constant('foo').value('PaymentService',window.Payment);

answered Aug 10, 2014 at 17:20

Tassos Bassoukos

16.2k2 gold badges39 silver badges42 bronze badges

2 Comments

Valentin Waeselynck Over a year ago

You must mean window.Payment, not PaymentService.

Tassos Bassoukos Over a year ago

Indeed, fixed. Thanks.

Collectives™ on Stack Overflow

Add existing JS object to Angular app as a dependency

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related