AngularプロジェクトをAngular 6に更新しましたが、http getリクエストの実行方法がわかりません。Angular 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;
});
そして、これが私が今やっていることです。 Angular 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.');
};
Http angular 6で呼び出している方法は正しい。この演算子の出力をObservableに明示的に変換する必要はありません。
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;
}));
HttpClientを使用することもできます。httpClientの回答が必要な場合は、質問を個別に投稿してください。
これがあなたを助けることを願っています
これは例ですが、詳細情報は 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')
});
}