Can NgZone be used to detect "idle" state of Angular application?

Question

Let's say we have Angular 5+ app and I would want to run certain "jobs" (like loading more of data from server via API call) during idle times when we are mostly sure the user is not doing anything (as we also control inputs through input events).

Can we use NgZone.hasPendingMicrotasks & NgZone.hasPendingMacrotasts for that?

Practical example:

Angular application uses MixPanel to report usage stats
Implementation currently buffers data in a form of stack and only sends it to MixPanel API when the stack is full (exceeds certain limit)
Ideally it should also meet another criteria (apart from stack being full) - there is no activity at the moment.

I know this might sound as micro optimization and also I guess there are better ways t deal with this (maybe workers), but I would want to learn if there is a way to see how "busy" the app is and potentially leverage idle times for certain tasks.

score 0 · Accepted Answer · answered Jun 05 '18 at 16:23

0

You can use ngZone.onStable and ngZone.onUnstable emitter to do that.

answered Jun 05 '18 at 16:23

jiali passion

1,691
1
14
19

Hey JiaLi so i know about these emitters but my question is more about whether this actually gives me the idle state of the app? – Sergey Rudenko Jun 08 '18 at 03:52
Yes, if you mean `idle` equals to `stable`. Or do you have issues when using `onStable`? – jiali passion Jun 08 '18 at 14:42
@SergeyRudenko how can I use stable or unstable for the above scenario? – Shinchan Aug 24 '22 at 12:24

Can NgZone be used to detect "idle" state of Angular application?

1 Answers1