Loading indicator during local computation

[Kristiyan]

Hello Telerik team,

I would like to use the built-in loading indicator, but it doesn't get shown during (relatively heavy) local computations (nodejs loop freezes). Do you have any suggestion? Thanks in advance!

Best regards,

K. Dimitrov

[Dimiter Topalov]

Hello Kristiyan,

When there are time-consuming synchronous operations that are blocking the main thread, the suggested approach is to make them asynchronous (for example via calling the time-consuming operation in a setTimeout).

This way a loading indicator can be displayed before starting the time-consuming operation, and hidden synchronously after the operation is complete (in the body of the setTimeout callback, right after calling the time-consuming operation).

Here is a runnable sample demonstrating the suggested approach:

https://stackblitz.com/edit/angular-3viu72?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Kristiyan]

Hello Dimiter and thanks for your suggestion. I have also been considering this solution, but maybe I didn't quite get it working. Thanks for the working example!

Cheers, Kristiyan