AngularJS- $timeout to abort if promise isn't resolved

Question

I am using AngularJS and Typescript. In my controller constructor, I make a call to a function that gets data and returns a promise. The promise is stored in the variable x.

x.then((data) => {
   //displays data
}, (err) => {
   //sends error message
});

Right now if the promise never resolves, it displays nothing. I want to use $timeout so that if the resolution of x takes too long it will display another message. I don't know how I can do it for promises. Calling this.$timeout(3000,true).then(() => {}); just delays the contents and I can delay a function. How can I abort if the promise doesn't resolve?

Possible duplicate of NodeJS Timeout a Promise if failed to complete in time — Jared Smith
– Jared Smith, Commented Feb 21, 2017 at 18:38
Possible duplicate of Setting a timeout handler on a promise in angularjs — Aurelio
– Aurelio, Commented Feb 21, 2017 at 18:47

georgeawg · Accepted Answer · 2017-02-22 05:42:01Z

0

AngularJS v1.6 introduces the $q.race method which can be used to abort a promise:

var timeoutPromise = $timeout(null, delay).then(() => {throw "Timeout Abort" });

var timedPromise = $q.race(xPromise, timeoutPromise);

In this example, timedPromise will either resolve (fulfilled or rejected) with the results of xPromise or be rejected with the reason "Timeout Abort" whichever comes first.

answered Feb 22, 2017 at 5:42

georgeawg

49k13 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

AngularJS- $timeout to abort if promise isn't resolved

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related