在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>