Chaining events in AngularJS

Question

I'm trying to call a function after a popup automatically closes after 1 second. This is my code:

$timeout(function() {
  var closeit = myPopup.close();
  closeit.then(function() {
    $scope.dosomething();
  });
}, 1000);

The dosomething function is never called. I'm new to AngularJS, anyone who can help me with this?

Look into promises markdalgleish.com/2013/06/using-promises-in-angularjs-views — Christopher Marshall
– Christopher Marshall, Commented Aug 17, 2015 at 18:27
dot syntax is reserved for objects. You can only use it on functions that return a promise or return themself — wesww
– wesww, Commented Aug 17, 2015 at 18:31

Ori Drori · Accepted Answer · 2015-08-17 19:20:57Z

2

$ionicPopup - $ionicPopup.show(options) documentation:

Returns: object A promise which is resolved when the popup is closed. Has an additional close function, which can be used to programmatically close the popup.

var myPopup = show(options); // when you create a popup with $ionicPopup, you get a promise for the close event

myPopup.then(function() { // add a callback to the promise when it's fulfilled - ie the popup was closed
  $scope.dosomething();
});

$timeout(function() {
  myPopup.close();
}, 1000);

edited Aug 17, 2015 at 19:20

answered Aug 17, 2015 at 18:32

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

3 Comments

binoculars Over a year ago

Thanks for your reply. I've tried your code, and while it does work (meaning the dosomething() function is called), the function is often called before the popup is closed. The dosomthing function actually starts a barcode scanner (cordova barcodescanner plugin). After a barcode is found and the camera closes, you can often still see the popup for a very short time before it closes.

Ori Drori Over a year ago

In the $ionicPopup source code there is a small delay between the close event, and the removal of the background overlay. In addition as the promise is also used for closing the popup, your code might be running before the popup is actually closed. Without means now to reproduce it, the only solution is to fire $scope.dosomething(); inside $timeout. 0 ms delays should suffice, but you should experiment.

binoculars Over a year ago

Thanks! I had to use a a 100ms timeout to make it work.

Collectives™ on Stack Overflow

Chaining events in AngularJS

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related