Repository: angular
Issue: Can we hope to have this common animation scenario solved in version 5 ?
Labels: type: bug/fix,area: animations,freq2: medium,P4

<!--
PLEASE HELP US PROCESS GITHUB ISSUES FASTER BY PROVIDING THE FOLLOWING INFORMATION.

ISSUES MISSING IMPORTANT INFORMATION MAY BE CLOSED WITHOUT INVESTIGATION.
-->

## I'm submitting a...
<!-- Check one of the following options with "x" -->
<pre><code>
[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  <!-- Please search GitHub for a similar issue or PR before submitting -->
[X] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre>

## Current behavior
<!-- Describe how the issue manifests. -->
The animation and the router are and have been under intensive work (thank you for the hard work you guys put in every day) 
This issue [4.3.3 Animation common scenario problem with child route](https://github.com/angular/angular/issues/18597) Have been going on for a while, As its a common case of RouteReuseStrategy, in Child route and here are some quotes on the issue: 

@mlc-mlapis
> Maybe it would be a good idea to add this case explicitly to angular.io docs because I suppose many similar questions in future.

@matsko 
> Unfortunately there's another animation bug (PR = #17777) that's causing a bug for this to happen. I'll update this plnkr once that goes in,.

As we still don't know how to get the animation to work in the common scenario I wonder if you guys could have a solution for the problem in version 5 ?

## Expected behavior
<!-- Describe what the desired behavior would be. -->
Working animation with RouteReuseStrategy, in Child route in version 5

## Minimal reproduction of the problem with instructions
http://plnkr.co/edit/FndYfmeUzt8frkiK6nHH?p=preview

## What is the motivation / use case for changing the behavior?
<!-- Describe the motivation or the concrete use case. -->
Working animation with RouteReuseStrategy, in Child route in version 5 would be great

**Please tell us about your environment:**
<!-- Operating system, IDE, package manager, HTTP server, ... -->
os: linux x64

* **Angular version:** 2.0.X
<!-- Check whether this is still an issue in the most recent Angular version -->
@angular/cli: 1.1.1
@angular/animations: 4.3.3
@angular/common: 4.3.3
@angular/compiler: 4.3.3
@angular/core: 4.3.3
@angular/flex-layout: 2.0.0-rc.1
@angular/forms: 4.3.3
@angular/http: 4.3.3
@angular/material: 2.0.0-beta.6
@angular/platform-browser: 4.3.3
@angular/platform-browser-dynamic: 4.3.3
@angular/router: 4.3.3
@angular/cli: 1.1.1
@angular/compiler-cli: 4.3.3
@angular/language-service: 2.4.10

* **Browser:** [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
<!-- All browsers where this could be reproduced -->
 Chrome
* **Language:** [all | TypeScript X.X | ES6/7 | ES5]
TypeScript X.X

* **Node (for AoT issues):** `node --version` =   
node: 7.0.0