title: Angular child router-outlet removes content before parent outlet animates out
body: <p>I have setup some animations that work with the main app router-outlet, but when one of those routes has children and a child outlet, when I navigate away, the child outlet content is removed immediately, thus negating the animation. Is there some way to have the content persist on navigate out so that the content is not removed prior to the animation completing? Perhaps with another animation handling :leave on that child outlet?</p>
  
  <p>Including a StackBlitz: <a href="https://stackblitz.com/edit/angular-7tfkp4" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-7tfkp4</a></p>
  
  <p>You'll notice that when you go to projects, then navigate away, the content in the child router outlet disappears right away.</p>
  
  <p>Using:</p>
  
  <pre><code>Angular CLI: 7.0.5
  Node: 10.5.0
  OS: win32 x64
  Angular: 7.0.3
  ... animations, cdk, common, compiler, compiler-cli, core, forms
  ... http, language-service, material, platform-browser
  ... platform-browser-dynamic, router
  </code></pre>