AngularJS : set timeout for $evalAsync

Question

I have a method which is using evalAsync and I would like to set a maximum waiting time for the promise to be resolved, if the waiting time reaches the max timeout then the promise will be resolved and returned empty. Any ideas about how to accomplish this?

It's being hard to find solutions as every search with the terms evalasync and timeout, "pollutes" the results with $timeout.

if (angular.isFunction(this.search)) {
        this.cancellation = this.$q.defer<void>();

        this.$scope.$evalAsync(() => {
            const searchArgs= {
                value: this.value,
                cancellation: this.cancellation.promise
            };

            const result = this.search(args);
        });
    }
};

Thanks

I suggest using setTimeout (Not $timeout to prevent a new digest cycle, and reject this._cancellation outside this.$scope.$evalAsync, — Alon Eitan
– Alon Eitan, Commented May 8, 2017 at 9:44
@Javiere I wrote my answer, I hope it's what you need because i'm not 100% sure. Please let me know — Alon Eitan
– Alon Eitan, Commented May 9, 2017 at 16:26
@AlonEitan thank you very much, just needed some adjustments and works perfectly. — Javiere
– Javiere, Commented May 10, 2017 at 10:33

Alon Eitan · Accepted Answer · 2017-05-09 16:31:58Z

As described in the docs - "The $evalAsync makes no guarantees as to when the expression will be executed".

So if you want to resolve a promise after X milliseconds, then you can combine it with setTimeout (Not $timeout, because we don't want to trigger a digest cycle).

This is my suggestion, I will only show you the basic logic because I'm not sure if I understand your issue correctly, so please let me know so I can change my answer or delete it if it's not helpful at all:

var deferred = $q.defer();

// Save the timeout ID so we can know what to do with our promise
var timeout = setTimeout(function() {
    // Clear the timeout ID and reject the promise after 3 seconds
    timeout = null;
    deferred.reject();
}, 3000);

$scope.$evalAsync(function() {
    if( !timeout ) {
        // Too late, the promise was rejected inside 'setTimeout'
        return;
    }

    // Prevent 'setTimeout' from being executed by clearing its ID
    clearTimeout(timeout);

    deferred.resolve({busy: false}); // Of course, you can pass any other value here
});

deferred.promise.then(
    function( data ) { console.log('resolved'); },
    function() { console.log('rejected'); }
);

Collectives™ on Stack Overflow

AngularJS : set timeout for $evalAsync

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