如何实现滑动,捕捉移动页面(离子+ angularjs)

Question

我用Ionic框架和angularjs开发.

我的应用程序有大约5个菜单和设计像谷歌游戏商店

• 新产品
• 畅销书
• 提升
• 商店......

如何滑动将"新产品"移动到畅销书页面,...(谷歌商店播放 - 像)

这是我的路线:

myApp.config(function ($routeProvider, $locationProvider) {
$routeProvider
    .when('/',
        {
            controller: 'NewProductController',
            templateUrl: 'app/views/newproduct.html'
        })
    .when('/bestseller',
        {
            templateUrl: 'app/views/bestseller.html',
            controller: 'BestsellerController'
        })

    .otherwise({ redirectTo: '/' });    

});

我尝试了ng-swipe-left,ng-swipe-right:

<div ng-swipe-right=goToPage('bestseller')> 
     // new product page
</div>

$scope.goToPage = function (page) {        
    $location.url(page);
};

但不是动画.

请帮忙解决.非常感谢.

Answer 1

我认为 Ionic 框架目前还没有提供这样的东西。但是，您可以使用 SlideBox 视图（ http://ionicframework.com/docs/angularjs/views/slide-box/ ）非常接近。

这是一个简单的示例：http://plnkr.co/edit/FowDzU ?p=preview