How to give a time delay for a function call in Angular 5?

Question

I want to give it some delay before calling the redirect URL in order to allow to store the needed data.

How can this be achieved?

Answer 1

Simple solution is to use Router Service to redirect and setTimeout function for delay

    gotToPage() : void {
      // something
        setTimeout(() => this._router.navigateByUrl('url'),2500); // 2500 is millisecond
    }

Answer 2

You have such decorator in the utils-decorators (npm install --save utils-decorators) lib:

import {delay} from 'utils-decorators';

class SomeComponent {

   @delay(1000)
   func(): any {
    ....
   }
}

You will find other very useful decorators there, such as debounce, throttle and many more.

https://vlio20.github.io/utils-decorators/#delay