好的,所以我使用路由根据它的ID(但也捕获它的类别)深入查看特定项目
$http.get('http://something.co.uk/?category='+$routeParams.storyCat+'&id='+$routeParams.storyID)
这会提供一个http://website.co.uk/index.html#/category/103的网址,其中的故事详细信息来自服务器上的数据,具体取决于您点击的项目的ID。
然后在滑动(使用角度触摸)上运行以下功能,将ID增加或减少1,显示下一个或上一个故事。
$scope.nextStory = function () {
var storyID = Number($routeParams.storyID);
var storyCat = $routeParams.storyCat;
var path = '/' + storyCat + '/' + (storyID + 1 );
$location.path(path);
};
$scope.previousStory = function () {
var storyID = Number($routeParams.storyID);
var storyCat = $routeParams.storyCat;
var path = '/' + storyCat + '/' + (storyID - 1 );
$location.path(path);
};
这个问题在于它实际上只是上下ID。我需要它才能浏览与您所在项目的类别相匹配的ID。
例如,如果您点击故事ID 95,这是一个名为" Bags"然后你向左滑动,我需要它不是简单地显示可能属于不同类别的故事96,而是在" Bags"中找到下一个故事。并显示一个。
甚至可以使用AngularJS和路由来完成,还是需要一种完全不同的方法?