Basit bir kod sağa ve sola kaydırmak için basit bir kod kullanarak bir sayfaya dönüp

Question

Tek bir sayfa uygulaması üzerinde çalışıyorum ve mümkünse bir önceki sayfaya geri dönmek için çok basit bir kod arıyorum. hızlıca kaydırmak. Birçok kişiye baktım ama hepsi çok karmaşık ve çok farklı görünüyor.

Tek istediğim bir sayfadan geriye doğru ve dördüncü olarak kaydırmaktır. Gerçekten çok karmaşık bir şey yok. Belki ng-swipe-right ve ng-swipe-left kullanıyor musunuz? Ayrıca, bu onların bazı stoklarını arayabilecekleri bir bahçe merkezi için bir uygulama.

İşte

<div class="main"> 
    <div ng-view></div> 
</div> 

benim app.js kodudur: Burada

benim index.html kodudur

var app = angular.module('myApp',[ 
    'ngRoute', 
    'myApp.Home', 
    'myApp.Search', 
    'myApp.Inventory', 
    'myApp.Sub', 
    'myApp.Details' 
]); 

app.config(function($routeProvider){ 
    $routeProvider. 
     when('/home', { 
      templateUrl: 'templates/home/home.html', 
      controller: 'HomeController' 
     }). 
     when('/search', { 
      templateUrl: 'templates/search/search.html', 
      controller: 'SearchController' 
     }). 
     when('/inventory', { 
      templateUrl: 'templates/inventory/inventory.html', 
      controller: 'InventoryController' 
     }). 
     when('/coupons', { 
      templateUrl: 'templates/coupons/coupons.html' 
     }). 
     when('/sales', { 
      templateUrl: 'templates/sales/sales.html' 
     }). 
     when('/events', { 
      templateUrl: 'templates/events/events.html' 
     }). 
     when('/locations', { 
      templateUrl: 'templates/locations/locations.html' 
     }). 
     when('/subInventory/', { 
      templateUrl: 'templates/subInventory/subInventory.html', 
      controller: 'SubInventoryController' 
     }). 
     when('/detailsInventory/:productId', { 
      templateUrl: 'templates/detailsInventory/detailsInventory.html', 
      controller: 'DetailsInventoryController' 
     }). 
     otherwise({ 
      redirectTo: '/home' 
    }); 
}); 

Answer 1

kullanımı ngSwipeLeft/Sağ

angualr yönergesini kullanmak ng-swipe-left="expression"

İfadenizde

kapsamına bağlı bir işlevi çağırabilirsiniz. Bu işlev, durum işlevini kullanabilir.

$scope.goLeft = function(){state.go('someState')} 

Uygulamanızda nerede olduğunuzu ve hangi durumun kullanılacağını tanımlamak için bazı paramıklara ihtiyacınız olacaktır. ya da her durumda bu fonksiyona sahip olabilirsiniz ve sol ve sağ durumları kodlayabilirsiniz.