AngularJS - problems when using resolve

Question

I basically need to call a server that's will return me a JSON structure before load the controller.

I was using many methods to archive that, but it's not working. It's don't show me any error and the page got blank. Any clue about what's going on ?

This is my controller..

angular
.module('app',[
    'ngAnimate',
    'ui.router',
    'ui.bootstrap',
    'ngCookies'
])
.run(function($rootScope) {
    $rootScope.backendServer = "http://localhost:5000/";
})
.config(['$urlRouterProvider','$stateProvider', function($urlRouterProvider,$stateProvider) {
    $stateProvider
        .state('cms',{
            url: '/my',
            templateUrl: './app/templates/my.html',
            controller : 'my',
            resolve: {
                dbState: function ($q) {
                    var defer = $q.defer();
                    Database.check().then(function (s) {
                        defer.resolve(s);
                    });
                    return defer.promise;
                }
            }
        })
}])
.controller(function ($scope){

})

...and this is my service:

angular
.module('app')
.factory('Database',['$http', '$rootScope','$q', function($http, $rootScope, $q) {
    return {
        check: function () {
            var call = $rootScope.backendServer + 'cms/database/check';
            return $http.get(call);
        }
    }
}]);

does program get into then ? Database.check().then(function (s) { defer.resolve(s); }); — xkeshav
– xkeshav, Commented Apr 27, 2017 at 10:42
You forgot to inject Database factory to the resolve function, also avoid promise anti patterns — Alon Eitan
– Alon Eitan, Commented Apr 27, 2017 at 10:43
you mean..I need to build promises on the controller and on the resolver at the same time ? — Marco Jr
– Marco Jr, Commented Apr 27, 2017 at 10:43

Sachila Ranawaka · Accepted Answer · 2017-04-27 11:28:32Z

3

don't create a defer object when you already returning a promise. so remove the defer and just return the factory function

also, inject the Database service to resolve

 resolve: {
     dbState: function(Database) {

         return Database.check()
     }
 }

In the controller catch it like this

.controller("ctrl", function($scope, dbState) {
    console.log(dbState.data)

})

Demo

edited Apr 27, 2017 at 11:28

answered Apr 27, 2017 at 10:43

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

3 Comments

Marco Jr Over a year ago

Almost there...everything looks good, but dbState.then(function(response) { console.log(response) }) - throw me a dbState.then is not a function

Sachila Ranawaka Over a year ago

can you create a plnkr or something

Sachila Ranawaka Over a year ago

my bad. remove the then function.check the updated answer

Collectives™ on Stack Overflow

AngularJS - problems when using resolve

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related