Как изменить URL без перезагрузки страницы?

Question

[Roman L.]

Привет!
Или даже как организовать поиск, с 10+ параметрами, чтобы сохранялся урл.
.when('/search',
{
templateUrl: html,
controller: 'SearchCtrl'
})
Имеется форма с разными контролами событиями которых обнавляется модель.
Не могу понять как пушить туда параметр, удалять изменять. Как организовать?

Answer 1

[Николай]

Мм... Вы хотите чтобы фильтр отображался в url, но при этом страница не обновлялась?
Можно сделать это так:

.when('/search?param1&param2&.....&paramN',
{
  templateUrl: html,
  reloadOnSearch: false
  controller: 'SearchCtrl'
})

Для смены location воспользоваться функцией:

$location.serach(
  {
       param1: 1,
       param2: 2
  }
);

Comments

[Ivan Soshnikov]

Ваш рецепт работает просто великолепно, спасибо за подсказку.
Но нашлась такая проблема: новые урлы сохраняются в истории браузера, и это очень хорошо. Но если нажать в браузере кнопку "назад", контроллер это не обрабатывает и фильтр не меняется. Как можно победить такой момент?
Спасибо.

[Николай]

Ivan Soshnikov: ну надо видимо в контроллере эти параметры извлекать из URL'а. И инициализировать фильтры в соответствии с ними. Параметры можно взять из $routeParams/$stateParams ( для angular-router/ui-router соответственно)

[Ivan Soshnikov]

Николай: вопрос не в том, как фильтр поставить, а в том, как отследить переход. Поскольку в роутере установили reloadOnSearch: false, контроллер не перезагружается.
Возможно, есть какое-то событие, но пока не нашел. Если подскажете, буду признателен.
Я не фронтендщик, для меня это все марсианская грамота :)

[Николай]

Ivan Soshnikov: $locationChangeSuccess и $locationChangeStart евенты(https://docs.angularjs.org/api/ng/service/$location) точно триггерятся, насчет $routeChangeStart/Success не уверен, но скорее всего нет.

[Ivan Soshnikov]

Николай: Спасибо огромное!