Javascript 在页面url'；s在angularjs中

我是AngularJs的新手，我正在尝试构建一个有10个页面的应用程序，用户从一个页面切换到另一个页面，同时向左滑动。我只是想知道如何在AngularJs中编写逻辑。例如，如果一个用户在第三页，如果他向左滑动，他将进入第四页，如果他向右滑动，他将进入第二页。有人能帮忙吗？谢谢大家!

我已经为所有页面设置了所有路由、控制器和视图。这是我的swipe.js文件

$(document).ready(function(){
var myElement = document.getElementById('first');
var hammer    = new Hammer.Manager(myElement);
var swipe     = new Hammer.Swipe();

hammer.add(swipe);

hammer.on('swipeleft', function(){
        window.location = '#/exhibits';
});

hammer.on('swiperight', function(){
    window.location = '#/pavilion';
});
});

因为我认为刷卡事件应该发生在身体上，所以我把“id='first'”放在 关于身体元素。这很好，但我应该如何浏览多个页面。我的app.js文件的一个片段：

  var myApp = angular.module('myApp', ['ngRoute', 'mm.foundation']);

  myApp.config(['$compileProvider', function($compileProvider){
  $compileProvider.aHrefSanitizationWhitelist(/^s*(https?|file|ms- appx):/);
 }]);


  myApp.config(['$routeProvider', function($routeProvider){
 $routeProvider.
    when('/', {
        title : 'WELCOME',
        templateUrl: 'pages/homepage/home.html',
        controller: 'HomeController'
    }).
    when('/pavilion', {
        title : "AT A GLANCE : PAVILION OVERVIEW ",
        templateUrl: 'pages/pavilion/pavilion.html',
        controller: 'PavilionController'
    }).
    when('/exhibits', {
        title : 'AT A GLANCE : EXHIBITS OVERVIEW',
        templateUrl: 'pages/exhibits/exhibits.html',
        controller: 'ExhibitsController' 

---

如果您已经创建了这10个视图，并提供了所需的布线，以提供滑动功能，Angular将提供角度触感。您可以使用ngTouch及其事件来提供刷卡功能。

---

更多信息请访问：

此处需要做大量工作。如果没有一些代码和可能的plunkr，那么还有很长的路要走。到目前为止。