angular - 如何使用 Angular 4 动画经历多个状态？

Question

我正在使用 Angular 4 动画，我想知道从初始状态到最终状态的最佳方式是什么，再经过其他状态。如果我们以此为例(https://angular.io/guide/animations):

animations: [
  trigger('animationState', [
    state('stateOne', style({
      // some style
    })),
    state('stateTwo',   style({
      // some style
    })),
    transition('inactive => active', animate('100ms ease-in')),
    transition('active => inactive', animate('100ms ease-out'))
  ])
]

所以问题是，如果我添加第三个和第四个状态并将事件状态从“stateOne”切换到“stateTwo”，如何定义转换以便它自动通过其他状态，如下所示: stateOne => stateThird => stateFourth => stateTwo。有没有一种方法可以定义一个转换来实现这种行为而无需任何变通办法？

Answer 1

您可以使用 Angular 的 keyframes() .也可以看看 Complex animation sequences .