Angular 2 http.get mit Parametern

Question

Ich möchte Abfrageparameter innerhalb einer GET-Anfrage senden. Meine Klasse sieht so aus:

@Injectable() 
export class Loader implements TranslateLoader{ 
    constructor(private http: Http){ 
    } 
    getTranslation(lang: string): Observable<any> 
    { 
    return this.http.get(routes.Localization.Get) ;// in that place I need to pass params 
    } 
} 

Wie kann ich das tun?

import { URLSearchParams } from '@angular/http' 

let params: URLSearchParams = new URLSearchParams(); 
params.set('param1', 'someValue'); 
params.set('param2', 'someValue'); 

return this.http.get(routes.Localization.Get, { search: params }); 

Answer 1

Sie nutzen die URLSearchParams Klasse für diese:

getTranslation(lang: string): Observable<any> { 
    let params = new URLSearchParams(); 
    params.set('param1', 'value1'); 

    return this.http.get(routes.Localization.Get, { search: params }); 
} 

This -

Answer 2

Das ist ziemlich einfach können Sie Ihre URLSearchParams und geben sie in den zweiten Parameter des http.get Methode definieren wird zu einer URL wie folgt führen (Parameter werden in der Abfragezeichenfolge hinzugefügt): http://...?param1=value1.

finden Sie in der Dokumentation dieser Klasse:

• https://angular.io/docs/ts/latest/api/http/index/URLSearchParams-class.html

Es jetzt Support-Anbieter für die Codierung/Decodierung Parameter.

Answer 3

Wenn eine URL wie diese http://stackoverflow.com?param1=value

Sie können die param1 von Code folgen erhalten:

import { Component, OnInit } from '@angular/core'; 
import { Router, ActivatedRoute, Params } from '@angular/router'; 

@Component({ 
    selector: '', 
    templateUrl: './abc.html', 
    styleUrls: ['./abc.less'] 
}) 
export class AbcComponent implements OnInit { 
    constructor(private route: ActivatedRoute) { } 

    ngOnInit() { 
     // get param 
     let param1 = this.route.snapshot.queryParams["param1"]; 
    } 
}