Параметры запроса, не работающие с ui-router

Question

Мне нужно направить сообщение, используя полный URL-адрес с параметрами запроса и выполнить действие в контроллере в соответствии с параметрами запроса.

Он отлично работает, если я использую простой URL маршрутизации с такими переменными, как: «/ нагрузки /: PortName /: ИД»

Это не работает, если я добавлю queryparameters: «?/Нагрузки PortName & идентификатор»

Выше должны быть доступны с URL: "?/нагрузка PortName = TEST & ID = 343"

Я отправляю мой фрагмент кода ниже для маршрутов и управления, определенных в HTML:

 $stateProvider 
     .state('route0', { 
      url:"/", 
      templateUrl: '/one.html' 
     }) 
     .state('route1', { 
      url:"/starZoom", 
      templateUrl: '/two.html' 
     }) 
     .state('route2', { 
      url: "/:name", 
      templateUrl: function (urlattr) { 
       return '/app/' + urlattr.name + '/' + urlattr.name + '.html'; 
      } 
     }) 
     .state('route3', { 
      url:"/load?portName&id", 
      views: { 
       templateUrl: '/one.html' 
      } 
     }); 

HTML:

<div class="viewPanel" 
    ng-controller="StatusSearchController as searchController" 
    id="searchStatusContainer"> ....</div> 

варианты углового и Ui-маршрутизатор: "Угловая": "1.4.10", "угловой Sanitize": "1.4.10", «угловой ui- маршрутизатор ": "0.2.10"

Я хочу напрямую загрузить route3 используя URL: Localhost: 4000/нагрузка PortName = тест & ID = 45 Благодаря

Answer 1

Существует a working example

Переключатель определения состояния .. во-первых, более конкретно, в следующем общем

.state('route3', { 
    url:"/load?portName&id", 
    templateUrl: 'tpl.html', 
    }) 
    .state('route2', { 
    url: "/:name", 
    templateUrl: 'tpl.html', 
    }) 

Они будут теперь работать

<a href="#/starZoom"> 
<a href="#/name"> 
<a href="#/load?portName=test&amp;id=45"> 

Так, /:name будет также соответствовать /load, но если /load определяется первым, он будет использоваться ...

Проверьте его here