Angularjs Prev和Next滑动动画

时间:2014-11-01 19:00:59

标签: angularjs

我正在使用上一个和下一个按钮制作一个Angular应用程序。我希望ng-view根据用户点击的按钮(上一个或下一个)来设置不同方向的动画。我有一个工作示例,可以为下一个按钮正确设置动画。如何使其适用于prev按钮?

http://plnkr.co/edit/3dEX35iAg6EQr1IiYGqo?p=preview

如果我改变了css:

  .view-animate.ng-enter {
    left:100%;
  }
  .view-animate.ng-enter.ng-enter-active {
    left:0;
  }
  .view-animate.ng-leave.ng-leave-active {
    left:-100%;
  }

到此:

  .view-animate.ng-enter {
    left:-100%;
  }
  .view-animate.ng-enter.ng-enter-active {
    left:0;
  }
  .view-animate.ng-leave.ng-leave-active {
    left:100%;
  }

然后动画反转很好。但是,如何根据用户按下上一个或下一个按钮动态地执行此操作?

0 个答案:

没有答案