AngularJS Read From JSON Returning Nothing

Question

I am building an application that has a button that loads up help based on IDs from the JSON, when I have the JSON in the controller.js I see it on the web page but if I do it externally I do not see anything. I feel I am missing something extremely simple but may be over looking it. Any ideas?

controllerNEW.js

app.factory("UserService", function($rootScope, $http){
     function getFile(){
       return $http.get('stat.json').then(function(data) {
            return data;
        }); 
    } 

    return{statErr: getFile,

        //hide the displayed tooltip based on its id
        hideTooltip: function(key, scopes, data)
        {

controllerOLD.js

app.factory("UserService", function($rootScope){
    return{
        statErr: [
            {
                selector: "#userEmail",
                fieldTitle: "Email",
                placement: "right",
                content: "test",
                offsetTop: 500,
                correctKey: "@test",
                inErrorList: false
            },
            {
                selector: "#userId",
                fieldId: "id1",
                fieldTitle: "ID",
                placement: "right",
                content: " number should contain 4 zeroes '...0000...'",
                offsetTop: 500,
                correctKey: "0000",
                inErrorList: false
            }
        ],

        //hide the displayed tooltip based on its id
        hideTooltip: function(key, scopes, data)
        {

To see the response of your data, the callback is data.data — Kenry Sanchez
– Kenry Sanchez, Commented Feb 22, 2018 at 15:42
function(data) { return data; } is just returning data... into oblivion. You're not treating it and not doing anything with it. — Jeremy Thille
– Jeremy Thille, Commented Feb 22, 2018 at 15:42
I am calling the function which I expected would return the data — Curtis Boylan
– Curtis Boylan, Commented Feb 22, 2018 at 15:44
Another change could just leave the request in your service and execute the promise in your controller. In fact, that is the good practice. — Kenry Sanchez
– Kenry Sanchez, Commented Feb 22, 2018 at 15:45

Arashsoft · Accepted Answer · 2018-02-22 15:59:08Z

1

The issue is getFile() returns a promise not the data itself. It is true that you have a .then(function(data) {return data; });, but, .then() also returns a promise.

So to fix this issue, in your actual code, after you call getFile() you also need to add .then() to have access to your data:

getFile().then(function(data){
 // now you have access to your data
})

edited Feb 22, 2018 at 15:59

answered Feb 22, 2018 at 15:53

Arashsoft

2,7776 gold badges37 silver badges61 bronze badges

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

Comments

KarenAni · Accepted Answer · 2018-02-22 15:44:23Z

0

you need to access the data object in the response object.

example:

var jsonResponse = $http.get('content.json').then(function(response) {
        return response.data;
    });

answered Feb 22, 2018 at 15:44

KarenAni

646 bronze badges

1 Comment

KarenAni Over a year ago

when you "console.log" the response, what do you see?

Kenry Sanchez · Accepted Answer · 2018-02-22 15:44:48Z

0

In your example, data is the whole response to your request, including headers and status. To see your data from the 'stat.json' file, you would access the data object of your data. So, the change is.

function getFile(){
       return $http.get('stat.json').then(function(data) {
            return data.data;
        }); 
    }

answered Feb 22, 2018 at 15:44

Kenry Sanchez

1,7432 gold badges19 silver badges24 bronze badges

1 Comment

Kenry Sanchez Over a year ago

please, show me the controller where you are calling the service. I don't see where is the implementation

Hussain · Accepted Answer · 2018-02-23 11:41:57Z

0

you can try something like this

 $http.get('stat.json').then(function(result){
     $scope.dataset = result.data
     console.log($scope.dataset)
    },function(error){
     console.log(error)
    })

answered Feb 23, 2018 at 11:41

Hussain

875 bronze badges

Collectives™ on Stack Overflow

AngularJS Read From JSON Returning Nothing

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related