Http-Parameter in Winkel-4.3

Ich versuche, den neuen http-client, der kam mit Winkel-4.3. Ich habe die docs und die Nutzung der HttpParams Klasse, aber es scheint nicht zu funktionieren oder ich mache etwas falsch. Hier ist, was ich habe:

delete(personId: string) {
    const params = new HttpParams();
    params.set('personId', personId);
    return this.http.delete(`${this.baseUrl}`, {
      params
    });
  }

Aber wenn Sie den Antrag gibt es keine query params in meiner url
Jede Hilfe würde geschätzt

InformationsquelleAutor ocespedes | 2017-07-28

  1. 18

    Params sind jetzt unveränderlich , so dass Sie haben, um Sie, wenn Sie initiieren, der neue HttpParams, so dass jeder Satz() liefert eine neue Instanz und wendet die änderungen an. Versuchen

    const params = new HttpParams()
    .set('personId', personId);

    Hier sind die docs, die Abdeckung Header-und url-Parameter für 4.3 - https://angular.io/guide/http#headers

    Edit: wollte ich update meine Antwort und erklären, dass Sie nicht unbedingt die Parameter einstellen, wenn Sie initiieren die HttpParams Klasse. Zum Beispiel, wenn Sie brauchen, um die Parameter innerhalb einer for-Schleife oder außerhalb der HttpParams Initialisierung Sie können dies tun, indem

    const params = new HttpParams()
    .set('personId', personId);

params = params.set('personName', personName);

    Wie gesagt von den docs:

    Den HttpHeaders Klasse ist unveränderlich, so dass jeder Satz() liefert eine neue Instanz und wendet die änderungen an.

    Ja ich sehe, jetzt, Danke!

    InformationsquelleAutor LLai

  2. 1

    HttpParams unveränderlich ist.

    set() erstellt und gibt einen neuen HttpParams Instanz, ohne mutierend der Instanz, auf der die set() genannt wird.

    Also der code sollte

    const params = new HttpParams().set('personId', personId);

    Hier ist eine weitere Sache, die ich kämpfte, als mit dieser neuen HttpParams, manchmal haben wir n Anzahl der params zu übergeben, zu diesem Zeitpunkt ist es sinnvoll, eine Funktion, die wandelt parameter-Objekt(die wir vor der Verwendung wurden Eckige 4.3), um die HttpParams.

    Schlage ich vor, machen toHttpParams Funktion in Ihre Häufig verwendeten service. So können Sie rufen Sie die Funktion konvertieren Sie das Objekt in der HttpParams.

    /**
 * Convert Object to HttpParams
 * @param {Object} obj
 * @returns {HttpParams}
 */
toHttpParams(obj: Object): HttpParams {
    return Object.getOwnPropertyNames(obj)
        .reduce((p, key) => p.set(key, obj[key]), new HttpParams());
}

    Update:

    Seit 5.0.0-beta.6 (2017-09-03) diese neue Funktion Hinzugefügt, ( akzeptieren
    Objekt anzeigen für das HttpClient-Header & params     )

    Vorwärts gehen kann das Objekt direkt übergeben werden, statt HttpParams.

    Dies ist der andere Grund, wenn Sie haben eine gemeinsame Funktion wie toHttpParams oben erwähnt, können Sie leicht entfernen Sie es, oder tun Sie änderungen, falls erforderlich.

    InformationsquelleAutor Lahar Shah

Schreibe einen Kommentar