Angular 2 http.get z parametrami

Question

Chcę wysłać parametry zapytania w ramach żądania GET. Moja klasa wygląda następująco:

@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 
    } 
} 

Jak mogę to zrobić?

Answer 1

można wykorzystać klasę URLSearchParams na to:

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

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

ten spowoduje powstanie takiego adresu URL (parametry są dodawane w ciągu zapytania): http://...?param1=value1.

Zobacz dokumentację tej klasy:

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

teraz udzielających wsparcia dla parametrów kodowania/dekodowania.

Answer 2

Jest to bardzo proste - można zdefiniować URLSearchParams i przekazać je w drugim parametrze metody http.get:

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 3

Gdy URL jak ten http://stackoverflow.com?param1=value

można uzyskać param1 przez kod następująco:

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"]; 
    } 
}