Javascript 获得；“下一步”；及；“以前的”；AngularJS中的项目？

单击时，我使用ngRoute将故事列表过滤成一个特定的故事，如下所示：

myApp.config(['$routeProvider', function($routeProvider) {
    $routeProvider.
    when('/stories', {
        templateUrl: '/partials/stories.html',
        controller: 'StoryListCtrl'
    }).
    when('/stories/:storyID', {
        templateUrl: '/partials/story.html',
        controller: 'StoryDetailCtrl'
    });
}]);

这很好，但我如何才能得到“下一个”和“上一个”的故事。用户需要能够在故事之间左右滑动，但我不能简单地将它们全部加载——我需要加载每个故事及其任意一边。然后，当用户以任意方式滑动时，一个故事被删除，一个新故事被添加

这在有角度的情况下是可能的吗？我已经疯狂地搜索过了，但无论如何在网上都找不到这方面的任何参考资料

---

谢谢你的时间

当用户刷卡时，您需要发送一个带有当前id和方向的查询，这样您就知道“是右”是下一个，而“是左”是上一个，也就是说您可以查询

右侧：取大于当前id的1

左：比当前id少取1

无方向：只需加载当前id即可

对于刷卡，您可以使用该服务，ngswipleft和ngSwipeRight

您可以在执行route/stories/：storyID之前解析函数，方法是传递id和方向，或者修改路由以支持方向，如/stories/：storyID/：方向和方向可以为空

以您可能拥有的这个为例，我只想强调如何计算当前页面和angularjs中的滑动功能，这可能适用于您的场景

angular.module('website', ['ngAnimate', 'ngTouch'])
    .controller('MainCtrl', function ($scope) {
        /* Code omitted */
        
        $scope.direction = 'left';
        $scope.currentIndex = 0;

        $scope.setCurrentSlideIndex = function (index) {
            $scope.direction = (index > $scope.currentIndex) ? 'left' : 'right';
            $scope.currentIndex = index;
        };

        $scope.isCurrentSlideIndex = function (index) {
            return $scope.currentIndex === index;
        };

        $scope.prevSlide = function () {
            $scope.direction = 'left';
            $scope.currentIndex = ($scope.currentIndex < $scope.slides.length - 1) ? ++$scope.currentIndex : 0;
        };

        $scope.nextSlide = function () {
            $scope.direction = 'right';
            $scope.currentIndex = ($scope.currentIndex > 0) ? --$scope.currentIndex : $scope.slides.length - 1;
        };
    })

angular.module（'website'，['ngAnimate'，'ngTouch']））
.controller（'MainCtrl'，函数（$scope）{
/*代码省略*/
$scope.direction='left'；
$scope.currentIndex=0；
$scope.setCurrentSlideIndex=函数（索引）{
$scope.direction=（索引>$scope.currentIndex）？“左”：“右”；
$scope.currentIndex=索引；
};
$scope.isCurrentSlideIndex=函数（索引）{
返回$scope.currentIndex==索引；
};
$scope.prevsiled=函数（）{
$scope.direction='left'；
$scope.currentIndex=（$scope.currentIndex<$scope.slides.length-1）？++$scope.currentIndex:0；
};
$scope.nextSlide=函数（）{
$scope.direction='right'；
$scope.currentIndex=（$scope.currentIndex>0）？--$scope.currentIndex:$scope.slides.length-1；
};
})

---

干杯

当用户刷卡时，您需要发送一个带有当前id和方向的查询，这样您就知道“是右”是下一个，而“是左”是上一个，也就是说您可以查询

右侧：取大于当前id的1

左：比当前id少取1

无方向：只需加载当前id即可

对于刷卡，您可以使用该服务，ngswipleft和ngSwipeRight

您可以在执行route/stories/：storyID之前解析函数，方法是传递id和方向，或者修改路由以支持方向，如/stories/：storyID/：方向和方向可以为空

以您可能拥有的这个为例，我只想强调如何计算当前页面和angularjs中的滑动功能，这可能适用于您的场景

angular.module('website', ['ngAnimate', 'ngTouch'])
    .controller('MainCtrl', function ($scope) {
        /* Code omitted */
        
        $scope.direction = 'left';
        $scope.currentIndex = 0;

        $scope.setCurrentSlideIndex = function (index) {
            $scope.direction = (index > $scope.currentIndex) ? 'left' : 'right';
            $scope.currentIndex = index;
        };

        $scope.isCurrentSlideIndex = function (index) {
            return $scope.currentIndex === index;
        };

        $scope.prevSlide = function () {
            $scope.direction = 'left';
            $scope.currentIndex = ($scope.currentIndex < $scope.slides.length - 1) ? ++$scope.currentIndex : 0;
        };

        $scope.nextSlide = function () {
            $scope.direction = 'right';
            $scope.currentIndex = ($scope.currentIndex > 0) ? --$scope.currentIndex : $scope.slides.length - 1;
        };
    })

angular.module（'website'，['ngAnimate'，'ngTouch']））
.controller（'MainCtrl'，函数（$scope）{
/*代码省略*/
$scope.direction='left'；
$scope.currentIndex=0；
$scope.setCurrentSlideIndex=函数（索引）{
$scope.direction=（索引>$scope.currentIndex）？“左”：“右”；
$scope.currentIndex=索引；
};
$scope.isCurrentSlideIndex=函数（索引）{
返回$scope.currentIndex==索引；
};
$scope.prevsiled=函数（）{
$scope.direction='left'；
$scope.currentIndex=（$scope.currentIndex<$scope.slides.length-1）？++$scope.currentIndex:0；
};
$scope.nextSlide=函数（）{
$scope.direction='right'；
$scope.currentIndex=（$scope.currentIndex>0）？--$scope.currentIndex:$scope.slides.length-1；
};
})

---

干杯

当用户刷卡时，您需要发送一个带有当前id和方向的查询，这样您就知道“是右”是下一个，而“是左”是上一个，也就是说您可以查询

右侧：取大于当前id的1

左：比当前id少取1

无方向：只需加载当前id即可

对于刷卡，您可以使用该服务，ngswipleft和ngSwipeRight

您可以在执行route/stories/：storyID之前解析函数，方法是传递id和方向，或者修改路由以支持方向，如/stories/：storyID/：方向和方向可以为空

以您可能拥有的这个为例，我只想强调如何计算当前页面和angularjs中的滑动功能，这可能适用于您的场景

angular.module('website', ['ngAnimate', 'ngTouch'])
    .controller('MainCtrl', function ($scope) {
        /* Code omitted */
        
        $scope.direction = 'left';
        $scope.currentIndex = 0;

        $scope.setCurrentSlideIndex = function (index) {
            $scope.direction = (index > $scope.currentIndex) ? 'left' : 'right';
            $scope.currentIndex = index;
        };

        $scope.isCurrentSlideIndex = function (index) {
            return $scope.currentIndex === index;
        };

        $scope.prevSlide = function () {
            $scope.direction = 'left';
            $scope.currentIndex = ($scope.currentIndex < $scope.slides.length - 1) ? ++$scope.currentIndex : 0;
        };

        $scope.nextSlide = function () {
            $scope.direction = 'right';
            $scope.currentIndex = ($scope.currentIndex > 0) ? --$scope.currentIndex : $scope.slides.length - 1;
        };
    })

angular.module（'website'，['ngAnimate'，'ngTouch']））
.controller（'MainCtrl'，函数（$scope）{
/*代码省略*/
$scope.direction='left'；
$scope.currentIndex=0；
$scope.setCurrentSlideIndex=函数（索引）{
$scope.direction=（索引>$scope.currentIndex）？“左”：“右”；
$scope.currentIndex=索引；
};
$scope.isCurrentSlideIndex=函数（索引）{
返回$scope.currentIndex==索引；
};
$scope.prevsiled=函数（）{
$scope.direction='left'；
$scope.currentIndex=（$scope.currentIndex<$scope.slides.length-1）？++$scope.currentIndex:0；
};
<!-- Your Story Div -->
<div ng-swipe-right="yourCtrl.moveToNextStory">Content</div>