AngularJS inject service into multiple controllers

Question

I have defined a service in its own module: ``` angular.module('foteDatasetsService', []) .factory('foteAPIservice', function($http) { var foteAPI = {}; foteAPI.getDatasets = function() { return $http({ method: 'JSONP', url: 'http://localhost:8080/datasets?callback=JSON_CALLBACK' }); } return foteAPI; }); ``` In another module, (in another file) I have a controller where I'd like to use it: ``` angular.module('foteRequests').controller('foteRequestsController', ['$scope', function foteRequestsController($scope, foteAPIservice) { //snip other stuff $scope.datasets = []; foteAPIservice.getDatasets().success(function (response) { //Digging into the response to get the relevant data $scope.datasets = response; console.log(response); }); ]); ``` I have an init for this module in a file called init.js that includes the dependency like this: ``` 'use strict'; angular.module('foteRequests', ['foteDatasetsService']); ``` It doesn't look like it's actually injecting the foteDatasetsService INTO…

Accepted Answer

Instead of this:

```
angular.module('foteRequests').controller('foteRequestsController',
['$scope', 'foteDatasetsService', function foteRequestsController($scope, foteAPIservice)
{ ... }]);
```

Try this:

```
angular.module('foteRequests').controller('foteRequestsController',
['$scope', 'foteAPIservice', function foteRequestsController($scope, foteAPIservice)
{ ... }]);
```

You already have `injected` the `foteDatasetsService`, now you just want to `inject` the service `foteAPIservice`.

UPDATE as @dtabuenc remarked it would be better not to append `Service` in a `module` name.

AngularJS inject service into multiple controllers

Solution

Problem