Эквивалент $ location.search () в Angular 7

Question

Я перевожу Angular JS в Angular 7. Я смотрю на этот код и пытаюсь реализовать его в Angular 7.

В сервисе было введено $location, а следующие методы сбрасывают и устанавливаютпараметры запроса.

function resetAllOptions() {
            // Clears query params
            $location.search('');

}

function setQueryParameters() {
    // Sets query parameters
            $location.search({
                searchType: searchType,
                searchField: searchField,
                searchValue: searchValue,
                searchValueTwo: searchValueTwo,
                searchValueThree: searchValueThree
            });
}

Как мне реализовать это в Angular 7?

Answer 1

Параметры выполняются совершенно по-разному в Angular v7, поскольку они являются частью маршрутизации.Таким образом, нет прямой линии к строке, эквивалентной тому, что вы пытаетесь выполнить.

В Angular v2 + есть три различных типа параметров, поэтому ваш первый шаг - определить тип, который вы хотите.

Вот пост, в котором подробно описаны различные типы:

Отправка данных по путям маршрутизации в Angular

Предполагается, что вы хотите придерживаться параметров запроса:

Вы можете установить их в HTML следующим образом:

          <a [routerLink]="[product.id]"
             [queryParams]="{filterBy: listFilter, showImage: showImage}">
            {{ product.productName }}
          </a>

Или в таком коде:

this.router.navigate([`/search`],
              {queryParams: {
                     searchType: searchType,
                     searchField: searchField, // ...
               }});