<p dir="auto">I add class 'ng-animate' to  a component, but when route changed,  ng-enter and ng-leave was not added to the component.</p>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> feature request</li>
</ul>
<p dir="auto"><strong>Current behavior</strong><br>
Router replaces the component that is being shown.</p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
Allow for keeping the current component for a configurable ammount of time and instantiating the next component just under so we can animate the transition between those routes.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
Allowing to transition between routes with animations is just fancy but allows for smoother transitions between pages, it feels bad when your app needs to change a lot of pages or routes and it does it instantly, is unpleasant to the eye.</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.4</li>
<li><strong>Browser:</strong> all</li>
<li><strong>Language:</strong> TypeScript</li>
</ul>