Read JSON with Angular, undefined service

Question

I am trying to read a JSON data from a file using angular factory and service. But Angular can't see my defined service. Here is my factory:

//jsonService.js
angular.module('jsonService', ['ngResource'])
.factory('JsonService', function($resource) {
    alert($resource)
    return $resource('example.json',{}, {
        getData: {method:'GET', isArray: false}
    });
});

And my controller:

//app.js
'use strict';

angular.module('myApp', [
'ngRoute',
'myApp.view1',
'myApp.view2',
'myApp.version',
'jsonService'
]).config(['$routeProvider', function($routeProvider) {
   $routeProvider.otherwise({redirectTo: '/view1'});
}]).
controller('mainController', ['JsonService', function($scope, JsonService){
    JsonService.getData(function(data) {
      console.log("Test");
      $scope.length = data.length;
  })}]);

And I get:

"Error: JsonService is undefined"

dco · Accepted Answer · 2015-04-21 15:46:46Z

3

You're injecting 'JsonService' as the first parameter of your function, but you are using the JsonService as the 2nd parameter of your function.

Should be ['JsonService', '$scope', function($scope, JsonService){ or if $scope not needed then ['JsonService', function(JsonService){

answered Apr 21, 2015 at 15:46

dco

3271 silver badge13 bronze badges

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

Comments

Sri · Accepted Answer · 2015-04-21 15:46:29Z

1

This line in app.js should look like

controller('mainController', ['$scope','JsonService', function($scope, JsonService){

answered Apr 21, 2015 at 15:46

Sri

5764 silver badges15 bronze badges

Collectives™ on Stack Overflow

Read JSON with Angular, undefined service

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related