如何在ng-show和ng-hide上应用水平滑动动画?

时间:2018-06-30 23:40:33

标签: javascript angularjs ng-animate

说我有四个div块。

每个页面占据整个页面的宽度,一次只能看到一个页面。用户可以按下4个按钮,每个按钮都会隐藏当前可见的div,并显示他们想要查看的一个。

我可以使用ng-show,ng-hide和带有ng-hide-add和ng-hide remove的ngAnimate扩展来实现此行为。例如,我可以让一个div在水平方向向左滑动,而在另一个div从右侧滑动。

但是,这仅在用户在列表中选择下一个div时才在视觉上起作用。如果用户选择了上一个,则仍然应从右侧向右滑动。

如何实现这种行为?

0 个答案:

没有答案