Angular - Issue in moving service into separate file

Question

I have a service with a few methods:

function userService($http, API, auth) {
   ....
}

and then used in my module like:

var app = angular.module('app', ['ngRoute'])
   .service('user', userService)
   ...

All of this is in my app.js file, I want to separate things so its easier to maintain. I'm trying to use the line .service('user', '/services/userService') but its not working any ideas how to i need to reference this?

Thanks.

I meant to say .service('user', '/services/userService') should be require('/services/userService') — Pankaj Parkar
– Pankaj Parkar, Commented Jan 10, 2016 at 11:56

chalasr · Accepted Answer · 2016-01-10 14:28:34Z

1

I think you are creating a new module instead of use yours.

To retrieve an existing module and use it in a separated file, you have to do :

var app = angular.module('app')
    .service('user', userService')
    // ...

Instead of

var app = angular.module('app', ['ngRoute'])
    .service('user', userService')
    // ...

Documentation available at https://docs.angularjs.org/guide/module#creation-versus-retrieval

EDIT from @koox00 answer

Don't forgot to load all files related to your module in your markup, in the good order (before load the file containing your module declaration).

edited Jan 10, 2016 at 14:28

answered Jan 10, 2016 at 12:07

chalasr

13.2k5 gold badges44 silver badges83 bronze badges

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

Collectives™ on Stack Overflow

Angular - Issue in moving service into separate file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related