Question

我是AngularJs的新手，我正在尝试构建一个有10页的应用程序，用户从一个页面移动到另一个页面，同时向左滑动。我只想知道如何在angularjs中编写逻辑。例如，如果用户在第三页上，如果他向左滑动则转到第4页，如果他向右滑动则转到第2页。任何人都可以帮忙吗？谢谢！

我已为所有页面设置了所有路径，控制器和视图。这是我的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 ='第一个'” 在身体元素上。这非常好用，但我应该如何浏览多个页面。我的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'

Answer 1

如果您创建了这10个视图，并提供了所需的路由，则提供滑动功能，Angular提供了角度触摸。您可以使用ngTouch及其事件来提供滑动功能。更多信息可在以下网址找到：https://docs.angularjs.org/api/ngTouch

循环遍历angularjs中的页面URL数组

1 个答案: