AngularJS : How to execute function in pre-defined order?

Question

I have following receiver in my AngularJS Controller:

   // Receive broadcast
        $rootScope.$on('setPlayListEvent', function(event, playListData) {
          if($scope.someSoundsArePlaying === true) {
             $scope.stopAllSelectedSounds();
          }
            $scope.setPlaylistToView(playListData);
        });

But it seems, that method called setPlaylistToView is always called and executed before the code:

 if($scope.someSoundsArePlaying === true) {
                 $scope.stopAllSelectedSounds();
              }

And so it can affect the result of the method.

I would like to ask, how can i set " execution order" of functions? Something like resolve..then..

Thanks for any advice.

does $scope.someSoundsArePlaying is returning a promise or something else — Pankaj Parkar
– Pankaj Parkar, Commented Mar 17, 2015 at 17:50

Or Guz · Accepted Answer · 2015-03-17 17:56:24Z

1

Javascript is single threaded so you don't want to hold the thread, therefor a possible way to handle your issue is using a promise.

I would have write the code in the following way:

function stopAllSelectedSounds() {
  var deferred = $q.defer();

  //Perform logic

  //if logic performed successfuly
  deferred.resolve();

  //if logic failed
  deferred.reject('reason is blah');

  return deferred.promise;
}

$scope.stopAllSelectedSounds().then(function() {
  alert('Success');
  $scope.setPlaylistToView(playListData);
}, function(reason) {
  alert('Failed ' + reason);
});

This way only when stopAllSelectedSounds is successfully executed you will execute setPlaylistToView without halting the entire app.

see - Angular's Q documentation

A service that helps you run functions asynchronously, and use their return values (or exceptions) when they are done processing.

edited Mar 17, 2015 at 17:56

answered Mar 17, 2015 at 17:48

Or Guz

1,0186 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

AngularJS : How to execute function in pre-defined order?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related