在下一个之后显示在url之前的状态

Question

我有3级路由，在网址中看起来像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

A(const A&, int a_)

CONTROLLER

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

并添加ng-click到您的按钮

HTML

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