Damian Martyniuk from

how can i delay each item of *ngFor to animate one after another ?

i mean something like this:

<li *ngFor="let item of items"> //end result like below:
  <a [@flyIn]="'in'">first item</a> // delay 100ms and animate
  <a [@flyIn]="'in'">first item</a> // delay 200ms and animate
  <a [@flyIn]="'in'">first item</a> // delay 300ms and animate
  <a [@flyIn]="'in'">first item</a> // delay 400ms and animate
  <a [@flyIn]="'in'">first item</a> // delay 500ms and animate
</li>

do i need to add items to items array at some interval or maybe there is some simplier way ?

Leave a answer:


Related Questions

How to delay each ngFor items animation

how can i delay each item of *ngFor to animate one after another ? i mean something like this: <li *ngFor="let item of items"> //end result...

Angular 2 frontend, Golang backend

I've got a lot of code in golang that I need to use as services for an Angular2 (Typescript) web app. So I'm trying to use golang as my backend...