How to delay router deactivation in Angular2?

Question

I have been playing with the Angular2 Router, to figure out some other issues.

I've came across something like that in Angular2 documentation:

deactivate(instruction: Instruction) : Promise
Removes the contents of this router's outlet and all descendant outlets

I am wondering how can I set delay, and use new class as a provider, so that all of the Router navigation has some delay (lets say 1s). I want to do it, so that I can have slide in slide out animation - If I would be able to delay Route deactivation, I can have both Routes (previous and next) visible at one time.

Looks like a dup of stackoverflow.com/questions/36234352/… — Günter Zöchbauer

Günter Zöchbauer Günter Zöchbauer · Accepted Answer · 2016-03-26T20:58:32

You can implement CanDeactivate but this is required on each component that is added/remove by the router. If you return a Promise that settles after 1s then the removal of the component is delayed this 1s.

I don't know if there is a more generic way like using a custom implementation (subclass) of the <router-outlet> or similar.

How to delay router deactivation in Angular2?

1 Answers