Question

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

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

Answer 1

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

您需要提供可以导航的自己的滑动事件侦听器。这样的事情可能会让你走得更远。使用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

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

1 个答案: