AngularJS ui router (resolve part)

Question

I wrote ui.router to get data from JSON file. I am not getting error messages, but code does not enter "resolve" part. So I cannot get data from JSON file.

Can anyone tell me what could possibly make this happen and the way to fix it?

Here is my code. (function(){

/*
 * Declaration of main angular module for this application.
 *
 * It is named turtleFacts and has no dependencies (hence the 
 * empty array as the second argument)
 */
angular
    .module('GrammarQuiz', ['ui.router'])
    .config(
        function($stateProvider, $urlRouterProvider) {
        console.log('HOLY SMOKES, I CAN BREATHE IN HERE')
        $urlRouterProvider.otherwise('/browse/1');
        $stateProvider
            .state('home',{
            url: "/#/testtest",

            resolve: {
                questions: function($http){
                    console.log('!!#@!#@!');
                    return $http({
                        method: 'GET',
                        url: 'api/data1.json'
                    }).error(function(data,status,headers,config){
                        console.log('thisi now working!!!!');
                    })
                }
            }
        })
     })

})();

Try adding a success method to the $http promise that returns the data from the response. — csschapker
– csschapker, Commented Aug 18, 2016 at 17:58
Also, using .success and .error for $http promises is deprecated. I would recommend using .then — csschapker
– csschapker, Commented Aug 18, 2016 at 17:59

csschapker · Accepted Answer · 2016-08-18 18:04:46Z

I'm pretty sure you have to return the value you want from the $http callbacks:

resolve: {
    questions: function($http) {
        return $http({
            method: 'GET',
            url: 'api/data1.json'
        }).success(function(data) {
            return data; // this is what you're missing
        }).error(function() {
            console.log('error');
        });
    }
}

But you should really use .then instead of .success and .error

resolve: {
    questions: function($http) {
        return $http({
            method: 'GET',
            url: 'api/data1.json'
        }).then(function success(response) {
            return response.data;
        }, function error(response) {
            console.log('error');
        });
    }
}

raging_russian · Accepted Answer · 2016-08-18 18:10:56Z

0

try to change question: function ($http)... to

question: ['$http', fucntion($http) {..}]

answered Aug 18, 2016 at 18:10

raging_russian

967 bronze badges

1 Comment

csschapker Over a year ago

just using function($http) {} should work just fine since the parameter $http is the same as the actual name of the $http service.

Collectives™ on Stack Overflow

AngularJS ui router (resolve part)

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related