Angular 角度动画中的查询选择器顺序

如果我的容器中有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
        }))
    ])
  ])