AngularJS中的URL路由參數ui-router

Question

我希望能夠重新加載我的應用程序的嵌套視圖並附加一個路由參數，以便我的應用程序中可以有URL路由。我無法弄清楚如何做到這一點，我最初有它的查詢工作是這樣的：

$location.search('userId', user._id); 
//http://localhost:9000/#/user/?userId=123456789 

我想要的網址是下面，用userId = 123456789

http://localhost:9000/#/user/123456789 

我app.js文件

$stateProvider 
    .state('index', { 
     url: '/', 
     views: { 
      '@' : { 
       templateUrl: 'views/layout.html' 
      }, 
      'top@index' : { 
       templateUrl: 'views/top.html', 
       controller: function($scope, $state) { 
        $scope.userLogOut = function() { 
         $state.go('login'); 
        }; 
       } 
      }, 
      'left@index' : { templateUrl: 'views/left.html' }, 
      'main@index' : { templateUrl: 'views/main.html' } 
     } 
    }) 
    .state('index.user', { 
     url: 'user:userId', 
     templateUrl: 'views/user/user.html', 
     controller: 'UserCtrl' 
    }) 
    .state('index.user.detail', { 
     url: '/', 
     views: { 
      'detail@index' : { 
       templateUrl: 'views/user/details.html', 
       controller: 'DetailCtrl' 
      } 
     } 
    }) 

在我的控制器：

$state.reload('index.user.detail', {userId: $scope.user._id}); 

Answer 1

當你正在使用ui-router可以使用$state.go('index.user', { userId: {{yourid}} });

要允許查詢字符串參數使用ui-router寫你的狀態這樣的工作，

.state('index.user', { 
    url: 'user/?userId=:param', 
    templateUrl: 'views/user/user.html', 
    controller: 'UserCtrl' 
}) 

這將使這項工作，

// http://localhost:9000/#/user/?userId=123456789

Witho UT斯達康的查詢字符串參數（你想要的網址）會是這樣，

.state('index.user', { 
    url: 'user/:userId', 
    templateUrl: 'views/user/user.html', 
    controller: 'UserCtrl' 
}) 

http://localhost:9000/#/user/123456789