角动画出现故障

Question

我在将角色实现动画时遇到问题。然而，动画正在发挥作用，而不是应该如此。

页面转换 我想使用animate.css在页面之间实现平滑的幻灯片动画。动画设置如下：

.ng-leave           { 
   -webkit-animation: slideOutLeft 0.5s both ease-in;
   -moz-animation: slideOutLeft 0.5s both ease-in;
   animation: slideOutLeft 0.5s both ease-in;  z-index: 9999; }

.ng-enter           {
    animation: slideInRight 0.5s both ease-in; z-index: 8888; 
    -webkit-animation: slideInRight 0.5s both ease-in;
    -moz-animation: slideInRight 0.5s both ease-in; 
    }

实际发生的事情是，当执行离开动画时，输入动画永远不会发生，模板/页面会在离开页面下方加载。这个结果就是加载页面的“快照”。当其他页面离开时，而不是滑入。

隐藏/显示 使用hide和show指令再次发生这种情况。输入动画永远不会发生，并且一旦离开动画结束，新显示的元素就会卡入到位。

有什么想法吗？