具有时间延迟的动画，每个子元素离子2

Question

我使用animate.css添加动画效果我需要延迟每个子元素

用于推荐添加图片

如何在离子2或Angular2中添加时间延迟？ 还引用 this 来实现ionic2

<ion-item *ngFor="let transLeaf of transLeafTmp" class="animated zoomIn">
    <ion-avatar item-left>
      <i class="icon" [style.background-color]="transLeaf.bgColor"><img src="{{transLeaf.categoryIcon}}"></i>
    </ion-avatar>
      <p>{{transLeaf.narration}}</p>
          <h3>heading</h3>
          <ion-note item-right class="transValue">
             <h2 test111</h2>
          </ion-note>
</ion-item> 

Answer 1

HeyHey！ 我没有尝试，但我认为它应该有效！祝好运！ ;）

<强> HTML

# Rebase
  git rebase master develop

TypeScript ：

<ion-item *ngFor="let transLeaf of transLeafTmp;" [class.animated]="transLeaf.isAnimated" class="zoomIn">
  <ion-avatar item-left>
      <i class="icon" [style.background-color]="transLeaf.bgColor"><img src="{{transLeaf.categoryIcon}}"></i>
  </ion-avatar>
  <p>{{transLeaf.narration}}</p>
  <h3>heading</h3>
  <ion-note item-right class="transValue">
    <h2 test111</h2>
    </ion-note>
</ion-item>