Best method for component animations?


#1

Does anyone have experience with component animation in Ionic 2? For example, I’d like to stagger in a list of items created in an ngFor after an ngIf becomes true:

  <div *ngIf="isOpen">
    <div *ngFor="let item of itemList">{{item.name}}</div>
  </div>

I’d like to fade in or slide in each item with a 250ms delay between each. Any example would help. I have worked with Web Animations a bit but it mostly seems to deals with switching states. I was hoping to find something a bit more generic like what we used to have in Ionic 1. Perhaps I’m not searching in the right places but all I can figure out at the moment is to switch each it’s state from A to B with a setInterval of 250ms. Kind of cumbersome to do it manually. Is there a generic way to stagger in items?


Ionic List - Pop Item animation