How to make delay between each animation in Angular2

Asked Feb 22 '17 at 03:08

Active Aug 25 '17 at 02:56

Viewed 637 times

I made some changes in Angular2 animation example in this plunker

I want to make animations in a way that when I click on Add All Heros or Remove All Heroes each item comes or goes during the prev one, right now they all come or go with each other. I have no idea how can I make delays in angular2.

Something list list demo in this site http://ionicmaterial.com/

ps. There is done event that I can add each item when the prev is done but I want them to begin with delays while the prev one is still animating

edited Aug 25 '17 at 02:56

Kim Kern

54,283
17
197
195

asked Feb 22 '17 at 03:08

Reza

18,865
13
88
163

I think they are using [Animate.css](https://daneden.github.io/animate.css/) – Deep 3015 Feb 22 '17 at 05:31
You are probably looking for Staggering angular2 animations. See this: http://stackoverflow.com/questions/39702396/staggering-angular2-animations-within-ngfor – Obaid Feb 22 '17 at 06:42
@Obaid Yes, that is the good one – Reza Feb 22 '17 at 14:27

How to make delay between each animation in Angular2

0 Answers0