AngularJS asynchronous function call

Question

How to call a function asynchronously inside an Angular controller? I'v read about promises, but this in not a http call so i can't use that. Is there any solution to resolve these kind of problems? I would like to display a spiner/loader until the called function finishing it's job.

//Controller JS

   $scope.myFunctionCallOnClick = function()
   {
            if($scope.type=='TYPE1')
            {

               $scope.showSpiner();
              //This function has called syncronously, and i can't display my spiner
                Utils.doStuff(words,$scope);
                $scope.hideSpiner();
            }
            else
            {
                Utils.doStuff2(words,$scope);
            }
    }

//Utils.js - this is my helper factory

angular.module('app').factory('Utils', function() {
    var factory = {}; 
    ..
    .. 

    factory.doStuff = function()
    {
        var iteration = 10000000;
        whilte(iteration > 0)
        {
          console.log(iteration);
        }

    }
      ..
      ..
       return factory;
});

Prashant · Accepted Answer · 2016-02-21 12:17:52Z

1

Use $timeout service to let the browser do some of its work (show your spinner in this case), and call doStuff from within the $timeout callback.

$scope.myFunctionCallOnClick = function () {
    if ($scope.type == 'TYPE1') {

        $scope.showSpiner();

        $timeout(function () {
            Utils.doStuff(words, $scope);

            $scope.hideSpiner();
        });

    }
    else {
        Utils.doStuff2(words, $scope);
    }
}

answered Feb 21, 2016 at 12:17

Prashant

8,1503 gold badges27 silver badges25 bronze badges

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

Comments

harishr · Accepted Answer · 2016-02-21 12:15:50Z

0

you can use $timeout to call a function asynchronously

$timeout(function(){

      /// function logic    

}, 0);

similarly you can even use.. $evalAsync

Collectives™ on Stack Overflow

AngularJS asynchronous function call

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related