Parámetros de Consulta Angular 4 HttpClient

Terminé encontrándolo a través del intellisense en la función get(). Tengo que amar intellisense. Así que lo publicaré aquí para cualquiera que esté buscando información similar.

De todos modos la sintaxis es casi idéntica, pero ligeramente diferente. En lugar de usar URLSearchParams() los parámetros deben inicializarse como HttpParams() y la propiedad dentro de la función get() ahora se llama params en lugar de search.

import { HttpClient, HttpParams } from '@angular/common/http';

getLogs(logNamespace): Observable<any> {

    // Setup log namespace query parameter
    let params = new HttpParams().set('logNamespace', logNamespace);

    return this._HttpClient.get(`${API_URL}/api/v1/data/logs`, { params: params })
}

En realidad prefiero esta sintaxis como su un poco más parámetro agnósticos. Yo también refactorizar el código para hacer un poco más abreviado.

getLogs(logNamespace): Observable<any> {

    return this._HttpClient.get(`${API_URL}/api/v1/data/logs`, {
        params: new HttpParams().set('logNamespace', logNamespace)
    })
}

Múltiples parámetros

Me di cuenta de lo mucho que a menudo necesito pasar varios parámetros en una consulta, así que pensé en agregar una sección sobre cómo hacerlo también. La mejor manera que he encontrado hasta ahora es definir un objeto Params con todos los parámetros que quiero definir definidos dentro. Como Estus señaló en el comentario a continuación, hay un montón de grandes respuestas en Esta Pregunta sobre cómo asignar múltiples parámetros.

getLogs(parameters) {

    // Initialize Params Object
    let params = new HttpParams();

    // Begin assigning parameters
    params = params.append('firstParameter', parameters.valueOne);
    params = params.append('secondParameter', parameters.valueTwo);

    // Make the API call using the new parameters.
    return this._HttpClient.get(`${API_URL}/api/v1/data/logs`, { params: params })

Múltiples Parámetros con Lógica Condicional

Otra cosa que hago a menudo con múltiples parámetros es permitir el uso de múltiples parámetros sin requerir su presencia en cada llamada. Usando Lodash, es bastante simple agregar/eliminar parámetros condicionalmente de las llamadas a la API. Las funciones exactas utilizadas en Lodash o guiones bajos, o vanilla JS pueden variar dependiendo de su aplicación, pero han encontrado que la comprobación de la definición de propiedad funciona bastante bien. La función a continuación solo pasará los parámetros que tengan las propiedades correspondientes dentro de la variable parameters pasada a la función.

getLogs(parameters) {

    // Initialize Params Object
    let params = new HttpParams();

    // Begin assigning parameters
    if (!_.isUndefined(parameters)) {
        params = _.isUndefined(parameters.valueOne) ? params : params.append('firstParameter', parameters.valueOne);
        params = _.isUndefined(parameters.valueTwo) ? params : params.append('secondParameter', parameters.valueTwo);
    }

    // Make the API call using the new parameters.
    return this._HttpClient.get(`${API_URL}/api/v1/data/logs`, { params: params })