2016-12-08 12 views
0

Я не могу достаточно работать с документацией на Ui-маршрутизатор о том, как переход между собрата состояний эффективно используя $ state.go()Угловое 1 Ui-маршрутизатор - переход к следующему ребенку Sibling

Рассмотрим ребенка состояние, чей url является целым числом: /parent/1, parent/2, parent/3 и т. д.

Мне нужно перемещаться между дочерними состояниями с помощью кнопки «Назад» и «Далее».

выработках (routes.js):

// child states: /parent/1, /parent/2, /parent/3 etc 
    { 
     name: '3-INT-TOTM.detail', 
     url: '/:slide_id', 
     templateUrl: 'app/html-partials/part-1/3-int.detail.html', 
     params: { 
     score: null 
     }, 
     controller: function ($scope, $stateParams, $log, $location, $state) { 
     // sorts active slide from parent controller slides based on $stateParams 
     $scope.slide = $scope.slides[$stateParams.slide_id]; 

     // Navigation 
     $scope.nextSlide = function() { 
      $state.go(''); // <-- what goes in here to go forward a child 
      // i.e if I'm here: /parent/2 and I want to go to /parent/3? 

Может быть что-то вроде:

$state.go('3-INT-TOTM.detail'[$stateParams.slide_id] +1); 

^определенно не так, но вы можете видеть, куда я иду.

ответ

0

Проводка Ответ на этот вопрос сам после некоторого серьезного копания на межсетях:

{ 
     name: '3-INT-TOTM.detail', 
     url: '/:page', 
     templateUrl: 'app/html-partials/part-1/3-int.detail.html', 
     params: { 
     score: null, 
     page: { 
      value: '0', 
      squash: true 
     } 
     }, 
     controller: function ($scope, $stateParams, $log, $location, $state) { 

     $scope.page = parseInt($stateParams.page, 10); 
     $scope.slide = $scope.slides[$stateParams.page]; 

     // Navigation 
     $scope.prevSlide = function() { 
      $state.go('.', {page: $scope.page - 1}); 
     }; 
     $scope.nextSlide = function() { 
      $state.go('.', {page: $scope.page + 1}); 
     }; 

Взято из фантастической статьи о таких маршрутизации $ состояния материала -> http://www.codelord.net/2015/06/20/simple-pagination-and-url-params-with-ui-router/

 Смежные вопросы

  • Нет связанных вопросов^_^