AngularJS: timeout doesn't work

Question

I'm new to AngularJS. I have this code in my controller:

let timeout_ = false;
let TIMELAPSE_ = 2000;
vm.setId= function (id) {
   $timeout.cancel(timeout_);
   timeout_ = $timeout(() => { SearchService.setId(id), TIMELAPSE_});
};

In my template I use: ng-click="parent.setId(id)". The timeout doesn't seem to work. Why?

any errors in console?

lin
– lin

2017-03-16 13:01:36 +00:00
Commented Mar 16, 2017 at 13:01 — lin
– lin, Commented Mar 16, 2017 at 13:01
Nope, not any error.

Anna
– Anna

2017-03-16 13:04:48 +00:00
Commented Mar 16, 2017 at 13:04 — Anna
– Anna, Commented Mar 16, 2017 at 13:04
setId() is executed?

lin
– lin

2017-03-16 13:05:23 +00:00
Commented Mar 16, 2017 at 13:05 — lin
– lin, Commented Mar 16, 2017 at 13:05
Yes, it's only the timeout that is ineffective.

Anna
– Anna

2017-03-16 13:06:18 +00:00
Commented Mar 16, 2017 at 13:06 — Anna
– Anna, Commented Mar 16, 2017 at 13:06

lin · Accepted Answer · 2017-03-16 13:09:25Z

3

Try to parse TIMELAPSE_ as second parameter into $timeout function and you will be fine. See this runnable fiddle.

let timeout_ = false;
let TIMELAPSE_ = 2000;
vm.setId= function (id) {
   $timeout.cancel(timeout_);
   timeout_ = $timeout(() => { SearchService.setId(id)}, TIMELAPSE_);
};

answered Mar 16, 2017 at 13:09

lin

18.5k4 gold badges66 silver badges88 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: timeout doesn't work

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