Javascript AngularJS:动态更改ng动画css

我正在使用AngularJS处理一个多阶段web表单，如下例所示：

当您单击“下一步”按钮时，表单向右滑动，但是当您单击“后退”按钮时，表单并没有像应该的那样向左滑动，我需要在单击“后退”按钮时更改“ng动画”css

我应该如何做到这一点

---

谢谢

在控制器中，可以设置一个确定动画方向的变量。。类似这样的东西（伪代码）：

在html中，您将围绕正在制作动画的区域：

<div ng-class="{forward: direction, backward: !direction}">
   your animated stuff here
</div>

以下是您的代码笔的演示：

<div ng-class="{forward: direction, backward: !direction}">
   your animated stuff here
</div>

.forward .animate-switch.ng-leave{  
  left:0;
}
/* hide */
.forward  .animate-switch.ng-leave.ng-leave-active{ 
  left:-100%;
}
/* show entering slide  */
/* hide */
.forward .animate-switch.ng-enter {
  left:100%;
}
/* show */
.forward .animate-switch.ng-enter.ng-enter-active { 
  left:0;
}

.backward  animate-switch.ng-leave{  
  /* etc */
}