title: How to delay each ngFor items animation
body: <p>how can i delay each item of *ngFor to animate one after another ?</p>
  
  <p>i mean something like this:</p>
  
  <pre><code>&lt;li *ngFor="let item of items"&gt; //end result like below:
    &lt;a [@flyIn]="'in'"&gt;first item&lt;/a&gt; // delay 100ms and animate
    &lt;a [@flyIn]="'in'"&gt;first item&lt;/a&gt; // delay 200ms and animate
    &lt;a [@flyIn]="'in'"&gt;first item&lt;/a&gt; // delay 300ms and animate
    &lt;a [@flyIn]="'in'"&gt;first item&lt;/a&gt; // delay 400ms and animate
    &lt;a [@flyIn]="'in'"&gt;first item&lt;/a&gt; // delay 500ms and animate
  &lt;/li&gt;
  </code></pre>
  
  <p>do i need to add items to items array at some interval or maybe there is some simplier way ?</p>