Порядок селектора запросов в Angular Анимация - PullRequest
Новая
       7

Порядок селектора запросов в Angular Анимация

0 голосов
/ 28 февраля 2020

Если у меня есть 3 div в моем контейнере, и я хочу использовать запрос из API, чтобы получить эти div и анимировать их в сочетании с stagger. Как навести порядок на анимацию?

Например: 

<div id="slides-container"
     [@slide]="currentSlideIndex"
     @entering>

  <div id="previous-slide">
    ...
  </div>
  <div id="next-slide">
    ...
  </div>
  <div id="active-slide">
    ...

  </div>

</div>

Используя этот запрос, каков будет порядок анимации? и как это изменить? 

query('#next-slide, #active-slide, #previous-slide', [
    style({
      transform: 'translateX(0)',
      opacity: 1
    }),
    stagger(150, [
      animate('0.6s cubic-bezier(0.215, 0.61, 0.355, 1)',
        style({
          transform: 'translateX(100%)',
          opacity: 0
        }))
    ])
  ])
...