添加查詢字符串UI路由器的路由

Question

我已經定義了一個UI路由器路線如下

 $stateProvider 
     .state('search', { 
      url: '/search', 
      abstract: true, 
      parent: 'loggedIn', 
      views: { 

       wrapper: { 
        controller: 'MyCtrl', 
        controllerAs: 'myCtrl', 
        templateUrl: '/scripts/views/search/views/search.wrapper.html' 
       } 
      } 
     }) 
     .state('search.subs', { 
      url: '', 
      resolve: { 
       isLoggedIn: isLoggedIn 
      }, 
      views: { 
       body: { 
        controller: 'SearchBodyCtrl', 
        controllerAs: 'searchBodyCtrl', 
        templateUrl: '/scripts/views/search/views/search.body.html' 
       } 
      } 
     }); 

不管怎樣的問題是，這樣的URL看起來像/search?hello=world我使用$state.transitionTo('search.subs', {hello: 'world'})試過，我不能生成一個查詢參數但那不起作用。我想我傳遞的任何參數都不匹配，只會放在查詢字符串中，但事實並非如此。

Answer 1

這應該做你想做的事：

.state('search.subs', { 
     url: '?hello', // This appends to the parent url 
      .... 

之後，您可以只使用$state.go('search.subs', { hello : 'world' })過渡到search.subs狀態。

https://github.com/angular-ui/ui-router/wiki/URL-Routing#query-parameters