Угловой пользовательский интерфейс — параметр передачи маршрутизатора в URL

#javascript #angularjs #routing #angular-ui-router

#javascript #angularjs #маршрутизация #angular-ui-router

Вопрос:

Я знаю, что могу передавать параметры при изменении страниц, подобных этому:

 $state.go('index.my_route', {my_param : value});
 

затем:

 function myCtrl($stateParams) {
    console.log($stateParams.my_param);
}
 

Но мне нужен этот параметр в URL, тогда я хотел бы знать, как я могу передать его с помощью строки URL и все еще вызывать $state.go . Что-то вроде этого:

 $state.go('index.my_route?my_param='   value);
> "http://localhost/#/index/my_route?my_param=123"
 

Ответ №1:

Ваш маршрут должен иметь URL с параметром запроса.

 .state('index.my_route', {
   url: '/index/my_route?my_param',
   ....
});
 

Теперь можно вызывать состояние таким же образом, используя $state.go с параметрами.

Комментарии:

1. отлично! А в случае, если у меня более одного параметра?

2. Получил здесь: url: '/index/my_route?my_paramamp;my_param2' . Спасибо!!