Angular 2 http.get avec les paramètres

Je veux envoyer les paramètres de la requête dans une requête GET. Ma classe ressemble à ceci:

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

Comment puis-je faire cela?

source d'informationauteur Sveta Antrapovich

  1. 41

    Vous pouvez tirer parti de la URLSearchParams classe pour ce:

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

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

    Ce résultat à un URL comme ceci (les paramètres sont ajoutés dans la chaîne de requête): http://...?param1=value1.

    Consultez la documentation de cette classe:

    Maintenant les fournisseurs de soutien pour l'encodage /décodage des paramètres.

  2. 11

    C'est assez simple - vous pouvez définir votre URLSearchParams et les passer dans la deuxième paramètre de la http.get méthode:

    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 });
  3. -7

    Lorsqu'une URL comme ceci http://stackoverflow.com?param1=value

    Vous pouvez obtenir le param1 par le code de suivi:

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