Question

我当时想在Angular中做幻灯片，幻灯片，动画是相当标准的事情（目前使用版本8.x），但是我找不到任何示例来帮助我我面临的障碍。我已经修改了一些基础知识，可以将一个项目滑入其中，但是滑出然后再滑入下一个项目并没有达到我的预期。

我当前的测试动画：

animations: [
trigger('slideAnimation', [
  transition('* => slideInFromLeft', [
    animate('400ms ease-in', style({ transform: 'translateX(0)' }))
  ]),
  transition('* => slideInFromRight', [
    animate('400ms ease-in', style({ transform: 'translateX(0)' }))
  ]),
  transition('* => slideOutLeft', [
    animate('400ms ease-out', style({ transform: 'translateX(-100%)' }))
  ]),
  transition('* => slideOutRight', [
    animate('400ms ease-out', style({ transform: 'translateX(100%)' }))
  ])
])

]

有人可以给我一些建议来修复我的测试动画，或向我指出显示以下内容的示例：

从左侧滑入，向右滑出
从右侧滑入，向左滑出

考虑 PREV 和 NEXT 按钮类型的动画。

谢谢！

角度滑入，滑出动画

0 个答案: