Angular routing - avoid showing two components in router outlet at the same time during enter...

The problem us basically explained in the title. I have router-outlet and components with :enter and :leave animations. During navigating from one to another both components are in outlet at the same time(leaving and entering), causing ugly resize of container.

Is there a solution to wait for one component to finish :leave animation before another starts to enter?

Continue reading...