Appel HTTP get Angulaire 6

J'ai mis à jour mon Angulaire du projet Angulaire 6 et ne sais pas comment faire des requêtes http get. C'est comment je l'ai fait dans Angulaire 5:

get(chessId: string): Observable<string> {

this.loadingPanelService.text = 'Loading...';
this.loadingPanelService.isLoading = true;

const url = `${this.apiPathService.getbaseUrl()}api/chess/${chessId}/rating`;   

return this.http.get<string>(url)
.catch((error) => {
    console.error('API error: ', error);

    this.loadingPanelService.isLoading = false;
    this.notificationService.showErrorMessage(error.message);

    return Observable.of(null);
  })
  .share()
  .finally(() => {
    this.loadingPanelService.isLoading = false;
  });

Et ce est la façon dont je le fais maintenant. Est-ce qu'il est censé être fait dans Angulaire 6?

...
return this.http.get<string>(url)
.pipe(
  catchError(this.handleError),
  share(),
  finalize(() =>{this.loadingPanelService.isLoading = false})
);

private handleError(error: HttpErrorResponse) {
console.error('API error: ', error);

this.loadingPanelService.isLoading = false;
this.notificationService.showErrorMessage(error.message);

//return an observable with a user-facing error message
return throwError(
  'Something bad happened; please try again later.');
};
  • quel est le tuyau?
  • tuyau utilisé pour combiner tous les rxjs aux opérateurs ...
  • qu'est-ce que vous question , le code semble correct
  • vous n'avez pas besoin de la rxjs opérateurs si vous utilisez le client http, son joli beaucoup construit en maintenant
  • vous plaisantez ?, son besoin de prendre de l'erreur , de partager des observables
  • vous avez besoin d'elle pour l'attraper, mais pas pour une carte ou quoi que ce soit plus
  • "est-ce qu'il est censé faire" - t-il?
  • Qu'est-ce que this.http? HttpClient ou Http ?
  • La Question est: "Est-ce la meilleure pratique? Ou est-il une meilleure façon Angulaire 6?"
  • il est HttpClient
  • il doit être httpclient que http est obsolète dans 5 et im assez sûr de sa suppression en 6
  • Oui, c'est enlevé, c'est pourquoi j'ai demandé. @mast3rd3mon OP n'a pas précisé si son code fonctionne ou pas
  • Je n'ai pas tester le nouveau code. Je voulais juste savoir si j'ai obtenu le code de droit.
  • Suivre cette URL, il a étapes comment utiliser HttpClient. angulaire.io/guide/http

InformationsquelleAutor Johannes Schweer | 2018-06-08
  1. 6

    La façon dont vous appelez http angulaire 6 est correcte.Si je suis le partage de l'extrait de code, il suffit de garder à l'esprit que nous pouvons passer nombre d'opérateurs à l'intérieur de la pipe et de tous les retours de l'objet observé.Si vous n'avez pas besoin explicitement secrète de cet opérateur de sortie dans Observables.

    import { Http, Response } from '@angular/http'
import { throwError } from 'rxjs';
import { map, catchError } from 'rxjs/operators';

.....
 return this.http.get(url)
    .pipe(map((response : Response) => {
        return response.json();   
    }), catchError((error: Response) =>{
        this.loadingPanelService.isLoading = false;
        this.notificationService.showErrorMessage(error.message);
        return throwError('Something went wrong');      
    }), finalize(() => {
        this.loadingPanelService.isLoading = false;
    }));

    Vous pouvez également utiliser HttpClient.si vous voulez répondre pour httpClient alors merci de poster votre question separemment.

    Espère que cela va vous aider à

    • La première ligne est incomplète, veuillez la mettre à jour... , dit l'importation Http angulaires mais d'où angulaire ?
    • merci pour la correction, je l'ai mis à jour
    InformationsquelleAutor Prasanna Sasne
  2. 0

    Ceci est un exemple, mais vous pouvez obtenir plus d'infos dans https://angular.io/guide/http:

    getByEmail(email): Observable<void> {   
    const endpoint = API_URL + `/api/datos_privados/email/${email}`;
    return this.httpClient.get<void>(endpoint,
        {
            headers: new HttpHeaders()
                .set('Accept', 'aplication/json')
        });
}
    InformationsquelleAutor Gleycer Parra