angular - 在现有元素上使用角度动画查询/交错？

Question

我对角度很陌生，我正在努力解决这个问题。

我有一个带有一些输入字段的表单，我想让它们淡入淡出，每个输入字段的延迟都稍微长一些。

但是我遇到的每个描述都使用 :enter 或假设该元素在 DOM 中不存在，但我的确实存在于动画之前。

所以我不能使用查询和交错来延迟我的动画，因为它们已经存在？还是因为我使用了基于 animate.css 的 ng-animate？

这是我的动画：

animations: [
trigger('divState', [
  state('preload', style({
    opacity: 0
  })),
  state('loaded', style({
    opacity: 1
  })),
  transition('loaded => preload', [useAnimation(fadeOutLeft, {
    params: {
      fromOpacity: 1,
      toOpacity: 0,
    }
  })]),
  transition('preload => loaded',
    query(':self',
      stagger(300, useAnimation(bounceInRight, {
        params: {
          fromOpacity: 0,
          toOpacity: 1,
          delay: 0.2,
          timing: 0.6,
          a: '100px',
        }
      }))
    )
  ),
]),

]

标签： angularanimation