AngularJS狀態下一個按鈕

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'); 
}) 

要我使用的是NG-點擊功能狀態之間進行切換：

$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到該字符串的結尾。