title: Angular 2 - 5 animations but WITHOUT *ngIf
body: <p>so you can do this :</p>
  
  <pre><code>&lt;div *ngIf="isDetailsOpen" [@slideRightAnimation] class="inline-carousel"&gt;
    &lt;div class="pane"&gt;
      &lt;app-filters &gt;&lt;/app-filters&gt;
    &lt;/div&gt;
    &lt;div  class="pane"&gt;
      &lt;app-details&gt;&lt;/app-details&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but what if what you want is the same exact behavior as angular animations but without using <code>*ngIf</code></p>
  
  <p>Ergo an <code>[@Animation]</code> that is triggered by something other than ngIf</p>
  
  <p>why this functionality would be useful to me is : having centralized animations that apply not only to appearing and disappearing elements but also to elements that stay there.</p>
  
  <p>I want to have a carousel effect on two panes but I've only got this working with a css-animated margin-left.</p>
  
  <p>this isn't satisfactory because then resizing the viewport will make it re-adjust.</p>
  
  <p>whereas <code>*ngIf</code> animations and router animations behave as if they've ceased to exist once they've played to completion. (that is, until the next triggering event, of course).</p>
  
  <p>I'd like to either replicate that or use this animation setup but trigger it another way.</p>