Я хочу отложить анимацию на моем div, чтобы они могли появляться один за другим, как я могу это сделать?

Question

У меня есть список предложений, сделанных пользователем, которые я хочу отобразить с помощью анимации slideInLeft, которую я нашел в Интернете в этой репо / анимации в действии , но я хочусделайте так, чтобы каждое предложение прибыло через 100 мс после первого.Как я могу это сделать?

Мой код будет выглядеть примерно так:

<div *ngFor="let offer of offers">
      <div class="animated infinite slideInLeft delay-2s">offer data</div>
    </div>

Answer 1

<div *ngFor="let offer of offers; let i= index;">
  <div class=`animated infinite slideInLeft delay-${i}`>offer data</div>
</div>

возьмите каждый индекс предложения и добавьте его в класс, номер в класс задержки!Теперь вы можете добавить задержку для каждого класса!