在url後顯示前一個狀態

Question

我有3級路由，在url裏看起來像是site.com/Jonny/2。但現在我需要這個看起來site.com/2/Jonny或site.com/10/Kelly。但index.name.page它是index.name之後的下一頁，所以我不明白如何交換第3和第2狀態。可能嗎？

$stateProvider 
    .state('index', { 
    url: '', 
    controller: 'MainCtrl' 
    }) 
    .state('index.name', { 
    url: '#:name', 
    views: { 
     '@': { 
     templateUrl: 'app/names/name.html', 
     controller: 'NameCtrl' 
     } 
    } 
    }) 
    .state('index.name.page', { 
    url: '/:number', 
    templateUrl: 'app/pages/page.html', 
    controller: 'PageCtrl' 
    }) 

Answer 1

inject $state service to your controller, then in your controller... 

控制器

$scope.changeState = function() { 
    $state.go('where.ever.you.want.to.go', {stateParamKey: exampleParam}); 
}; 

，並添加NG-點擊您的按鈕

HTML

<button ng-click="changeState()">Change State</button>