Loading Module in AngularJS Service

Question

I'm learning AngularJS. Currently, I'm trying to load a third-party module in my service. Specifically, I'm trying to load angular-moment. My service is defined like this:

myApp.factory('myService', ['angularMoment', function(angularMoment) {
  return {
    getLocale: function() {
      return angularMoment.locale();
    }
  }
}]);

If I replace return angularMoment.locale() with return 'someLocale'; my code runs. However, as soon as I reference angularMoment, I get errors. I know it has something to do with the fact that I'm not loading the module correctly. However, I do not know what I'm doing wrong. I just see this error when I run my unit tests:

Error: [$injector:unpr] http://errors.angularjs.org/1.2.22/$injector/unpr?p0=angularMomentProvider%20%3C-%20angularMoment%20%3C-myService (line 36) (1)

What am I doing wrong?

Are you following everything in the Usage at github.com/urish/angular-moment mainly the sequence of <script> tags ? — bhantol
– bhantol, Commented Aug 18, 2014 at 18:38
Your angularMoment js file needs to be loaded before your application js file. Meaning angularMoment needs to be defined before it is injected into your factory. Make sure your files are loading in correct order. — SoluableNonagon
– SoluableNonagon, Commented Aug 18, 2014 at 18:40
There is no service named angularMoment, and also there is no .locale() method. May be it is a different library from the one that @bhantol mentioned? — runTarm
– runTarm, Commented Aug 18, 2014 at 18:41
I do not actually have a web page. I'm building some AngularJS services. I'm getting this error in my Jasmne tests. — JQuery Mobile
– JQuery Mobile, Commented Aug 18, 2014 at 20:14

bhantol · Accepted Answer · 2014-08-18 18:46:10Z

2

Try 'moment' instead of angularMoment in the service/factor injector. This will give you the object from MomentJS

myApp.factory('myService', ['moment', function(moment) {
  return {
    getLocale: function() {
      return moment.locale();
    }
  }
}]);

answered Aug 18, 2014 at 18:46

bhantol

9,6368 gold badges48 silver badges84 bronze badges

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

Comments

Jack A. · Accepted Answer · 2014-08-18 18:41:09Z

0

You need to reference the angularMoment module when declaring your module. Otherwise it won't get loaded. That is what causes the $injector:unpr error. So you need something like this:

var myApp = angular.module("myApp", ["angularMoment"]);

answered Aug 18, 2014 at 18:41

Jack A.

4,5631 gold badge28 silver badges38 bronze badges

Comments

Timothy · Accepted Answer · 2014-08-18 18:41:27Z

0

This is going to sound basic, but you are referencing the .js files in your html code, right?

answered Aug 18, 2014 at 18:41

Timothy

1,1703 gold badges13 silver badges33 bronze badges

1 Comment

JQuery Mobile Over a year ago

I'm referencng the .js files in my Jasmine task. I'm running the code via Grunt.

Arvid Villén · Accepted Answer · 2016-02-09 22:22:19Z

0

This worked for me:

var app = angular.module('myApp', ['angularMoment']);

app.controller('myCtrl', function($scope, $log, moment) {
      var now = moment();
      $log.info(now.format("dddd, MMMM Do YYYY, h:mm:ss a"));
});

answered Feb 9, 2016 at 22:22

Arvid Villén

13 bronze badges

Collectives™ on Stack Overflow

Loading Module in AngularJS Service

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related