Unable to pull data from JSON file in factory AngularJS

Question

I have a Json file in following format: name of json file is discover.json and path is json-files/discover.json

    {"data": [
{"username": "aky123", 
    "name": "ajay"}, 
    {"username": "sky123",
     "name": "sanjay"}
    ]}

my factory is:

var myAppServices=angular.module('myAppServices',['ngResource']);

myAppServices.factory('ProfileData',['$resource', function($resource){
    return $resource('/discover/:username.json', {}, {
        query: {method: 'GET' , params: {username: 'json-files/discover' }, isArray: true }
    });
}]);

App.js :

myApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/discover', {
        templateUrl: 'partials/home-page.html',
        controller: 'ProfileListCtrl'
      }).
      when('/discover/:username', {
        templateUrl: 'partials/profile-detail.html',
        controller: 'ProfileDetailCtrl'
      })

and in controller:

myAppControllers.controller('ProfileListCtrl',['$scope', 'ProfileData', '$timeout', function($scope, ProfileData, $timeout) {
        $scope.profile=ProfileData.query();
    console.log($scope.profile);
}]);

$scope.profile is not able to pull data from JSON file, I am not able to understand my mistake here so please help me..

"name of json file is discover.json" if the filename is discover.json then why are you using '/discover/:username.json'? — Patrick Evans
– Patrick Evans, Commented Feb 1, 2016 at 14:34

Michal Kucaj · Accepted Answer · 2016-02-01 14:53:44Z

1

you have not valid json

valid json is:

 {
    "data": [{
        "username": "aky123",
        "name": "ajay"
    }, {
        "username": "sky123",
        "name": "sanjay"
    }]
}

answered Feb 1, 2016 at 14:53

Michal Kucaj

6916 silver badges15 bronze badges

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

2 Comments

msanford Over a year ago

To add to this, when debugging anything with a JSON return, put your JSON into jsonlint for a quick smoke-test.

Ajay Kumar Over a year ago

@Mike88 I corrected my Json format but still not able to pull data. I think there are some error in service.js , if u will help me in that section then its great. :)

Michal Kucaj · Accepted Answer · 2016-02-02 09:54:45Z

0

This code works in my localhost

//Service.js
myAppServices.factory('ProfileData',['$resource', function($resource){
return $resource('/discover/:username.json', {},{
'query': {method: 'GET',{}, isArray: false }
});
}]);
//Controller.js
var promise = ProfileData.query();
promise.$promise.then(function(response) {
$scope.data = response.data;
});
//view.html
<li ng-repeat="name in data">
    {{name.username}}
</li>

answered Feb 2, 2016 at 9:54

Michal Kucaj

6916 silver badges15 bronze badges

Collectives™ on Stack Overflow

Unable to pull data from JSON file in factory AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related