I have seen in angularjs 4 official page (https://angular.io/guide/http) to set http call timeout but I did not find any reference. Has anyone tried to set it up?
Thank you
4
-
4Possible duplicate of How to timeout angular2 http requestJB Nizet– JB Nizet2017-09-30 14:00:34 +00:00Commented Sep 30, 2017 at 14:00
-
I asked for angular 4. Thank youDavide Dell'Olio– Davide Dell'Olio2017-09-30 18:28:40 +00:00Commented Sep 30, 2017 at 18:28
-
2Angular 4, just as Angular 2, relies on RxJS. Why don't you at least read and try the answer?JB Nizet– JB Nizet2017-09-30 18:30:35 +00:00Commented Sep 30, 2017 at 18:30
-
var response = this.http.get(API.root + path, options).timeout(3000, new Error('timeout exceeded')).map((res : Response)=> this.checkResponse(res)); I have this error: Property 'timeout' does not exist on type 'Observable<Response>'.Davide Dell'Olio– Davide Dell'Olio2017-09-30 18:36:55 +00:00Commented Sep 30, 2017 at 18:36
Add a comment
|
2 Answers
If you are using RxJS version 6 and above the current syntax is this:
import { timeout } from 'rxjs/operators';
...
getUsers() {
return this.http.post(API_URL, {headers: Myheaders})
.pipe(
timeout(5000) //5 seconds
);
}
Reference: https://rxjs-dev.firebaseapp.com/api/operators/timeout
Comments
There is a timeout operator:
getUsers() {
return this.http.post(this.baseUrl + "users", {headers: Myheaders})
.timeout(3000, new Error('timeout exceeded'))
.map(res => res.json());
}
3 Comments
Davide Dell'Olio
var response = this.http.get(API.root + path, options).timeout(3000, new Error('timeout exceeded')).map((res : Response)=> this.checkResponse(res)); I have this error: Property 'timeout' does not exist on type 'Observable<Response>'.
bgraham
try adding import "rxjs/add/observable/timeout"; to your imports. Rxjs needs to import most functions specifically.
Davide Dell'Olio
Yes, The solution is import { Observable } from 'rxjs/Rx'; Thank you