отправить параметр в URL (Angular 7)

Question

Хотите отправить параметр в URL в угловом 7, чтобы URL выглядел как return example.com / search / users? Q = tom.

Я использую следующеесинтаксис в моем сервисе.

 public searchUsers(obj):any{
        return this._http.get('example.com/search/users?q=', obj)
    }

Я хочу, чтобы URL был похож на example.com/search/users?q=

Answer 1

Добавление к правильному ответу:

Если вам интересно, почему не передаются параметры, есть ключевая подсказка в ссылочных документах HttpParams

Этот класс неизменен - ​​всеоперации мутации возвращают новый экземпляр.

Это означает, что это будет работать:

let params = new HttpParams();
if ( limit ) {
  params.set('limit', String(limit));
}
params.set('search', keyword);

Если вы хотите условно добавить HttpParams, используйте вместо этого вариант этого:

let params = new HttpParams();
if ( limit ) {
  params = params.set('limit', String(limit));
}
params = params.set('search', keyword);

Научился этому нелегко.Надеюсь, что это поможет любому начинающему TS сэкономить немного путаницы ...

Answer 2

Вы должны быть в состоянии сделать это, используя HttpParam .

const params = new HttpParams()
        .set('q', 'value here')
        .set('another_param', 'value_here');
return this.httpClient.get('example.com/search/users', { params })