AngularJS state next button

Question

Я пытаюсь создать следующую кнопку во вложенной форме с использованием состояний AngularJS. Вот моя установка как:

.config(function($stateProvider, $urlRouterProvider) { 

$stateProvider 
    .state('step', { 
     url: '/step', 
     templateUrl: 'form.html', 
     count: '0', 
     controller: 'formController' 
    }) 
    .state('step.1', { 
     url: '/1', 
     count: '1', 
     templateUrl: 'form-1.html' 
    }) 
    .state('step.2', { 
     url: '/2', 
     count: '2', 
     templateUrl: 'form-2.html' 
    }) 
    .state('step.3', { 
     url: '/3', 
     count: '3', 
     templateUrl: 'form-3.html' 
    }) 
    .state('step.4', { 
     url: '/4', 
     count: '4', 
     templateUrl: 'form-4.html' 
    }); 
    $urlRouterProvider.otherwise('/step/1'); 
}) 

Для перехода между состояниями я использую функцию нг-клик:

$scope.nextStep = $state.current.count; 

$scope.nextStepCount = function() { 
    $scope.count = $scope.nextStep + 1; 
    $state.go('step.' + $scope.count); 
} 

Когда я нажимаю на кнопку Далее, она изменяет текущий маршрут на «шаг. 1 "до" step.11 ".

Answer 1

Благодаря JMK, это, кажется, работает как шарм:

$scope.nextStepCount = function() { 
    $scope.count = parseInt($state.current.count) + 1; 
    $state.go('step.' + $scope.count); 
} 

Answer 2

Вы могли бы заменить:

$scope.count = $scope.nextStep + 1; 

С:

$scope.count = parseInt($scope.nextStep) + 1; 

Javascript обрабатывает благодаря NeXTstep в виде строки, так добавив 1 на конец этой строки.