Async function in angular.run() method has not been executed before controller

Question

Currently i've been playing around with angular and I am finding a hard time in how to figure it out.The problem is that I am running a $http method on app.run(). $http method get rooms from server and initialize it in $rootScope.rooms var. In controller I used this rooms variable . Since the $http method is async and sometimes it got null because the controller loaded before the method is finished . I am trying to handle it in other way .

game.js

angular.module('GameModule', [])
.run([function ("injectors...") {
    $http.get("/rooms").success(function(result){
        $rootScope.rooms = result;

    }).error(function(error){
        console.log('Error fetching rooms');
    });
}])
.controller('GameCtrl', ['$scope', function ($scope) {
    console.log($rootScope.rooms);  
}]);

Since rooms variable will be used in others files too , i don't probably want to put $http method inside every controller unless there are no other ways. If would be nice if i could use sort of angular's service

that is the nature of async. You have limited control over when http requests will complete and therefore when that data will be available. See Initialize AngularJS service with asynchronous data for solutions. — user2943490
– user2943490, Commented Dec 18, 2014 at 4:14
If you're using the angular router, you can define a resolve block so that the page won't navigate to the GameCtrl until the room call is loaded. This is a common way of ensuring that a service is loaded before going to the page that uses it. — Ben Jacobs
– Ben Jacobs, Commented Dec 18, 2014 at 5:46
Thanks @Benmj , I used resolve in controller and it works out for the time being — Tixeon
– Tixeon, Commented Dec 18, 2014 at 8:01

rishi · Accepted Answer · 2014-12-18 06:40:03Z

2

This is the normal behavior of angularJs because every REST call is asynchronous. If you want it to be more manageable or behave in a synchronous way then you will have to use "promise" ($q service in angularJs). Please find the code snippet

service code:(which you want to use)

app.lazyload.factory('myService',['$http','$q', function($http,$q) {

        return{
            showAll :function ()
            {
                var deferred = $q.defer();
                $http.post('rest/getAll?cd='+ (new Date()).getTime())
                .success(function(data)
                {
                    deferred.resolve(data);
                })
                .error(function(data)
                {
                    deferred.reject(null);
                    console.log("in error block");
                });

                 return deferred.promise;
            }
        };

    }]);

controller code: (To call service)

    function showAll()
                {
                    var promise = myService.showAll();

                    promise.then(function success(data) {
                        $scope.allitems = data;
                        console.log(data);
                        console.log('$scope.allitems'+$scope.allitems[0].name);

                    }, function error(msg) {
                      console.error(msg);
                    });

                };

I have updated my answer. put the call showAll() at the start of controller body. From your question I assume that you want to load some data at the time of initialization . This approach will get you the same result.

edited Dec 18, 2014 at 6:40

answered Dec 18, 2014 at 4:56

rishi

1,8325 gold badges33 silver badges63 bronze badges

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

1 Comment

Tixeon Over a year ago

does it mean that it wait for the completion of the process in app.run() and then it would start app.controller ?

Collectives™ on Stack Overflow

Async function in angular.run() method has not been executed before controller

game.js

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

game.js

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related