离子重新加载与动画相同的页面

时间:2015-05-16 09:28:20

标签: angularjs ionic

我正在使用Ionic / Angular js开发移动应用程序。我有一个场景,如页面包含产品列表,当我点击任何产品时,它会带你到产品详细信息页面。在产品细节中,如果我交换正确,它应该转到以前的产品细节,如果交换,则必须转到下一个产品。无论何时滑动,它都必须做动画(LTR和RTL)。最好的方法是什么?

我尝试重新加载相同的页面,但这并不像我预期的那样工作。

1 个答案:

答案 0 :(得分:0)

您有两个视图,即产品列表视图和产品详细信息视图。这是父级>子级关系,默认情况下,唯一的滑动导航选项是要返回的滑动。您实际上是在寻找幻灯片类型的交互,但您希望它是一个导航工具而不仅仅是幻灯片组件。

您需要提供可以导航的自己的滑动事件侦听器。这样的事情可能会让你走得更远。使用ionic.on()方法可以监听滑动事件,您需要找到一种方法来使用$state.go()导航到下一个项目。

ionic.on('swipe-right', function() { $state.go('nextProduct'); }, document);
ionic.on('swipe-left', function() { $state.go('prevProduct'); }, document);

http://ionicframework.com/docs/api/utility/ionic.EventController/#onGesture