Timeout angolare2 in richiesta post http

Question

È possibile effettuare un timeout di 3 secondi in una richiesta di post? Come ?

Il mio codice per il momento

this.http.post('myUrl', 
    MyData, {headers: Myheaders}) 
     .map(res => res.json()) 
     .subscribe(
      data => this.ret = data, 
      error => console.debug('ERROR', error), 
      () => console.log('END') 
     ); 

Answer 1

È possibile utilizzare l'operatore timeout in questo modo:

this.http.post('myUrl', 
     MyData, {headers: Myheaders}) 
     .timeout(3000, new Error('timeout exceeded')) 
     .map(res => res.json()) 
     .subscribe(
      data => this.ret = data, 
      error => console.debug('ERROR', error), 
      () => console.log('END') 
     ); 

Answer 2

Potrebbe essere necessario importare timeout in questo modo

import 'rxjs/add/operator/timeout'

I non riuscivo a farlo funzionare senza che su rxjs 5.0.1 e angolare 2.3.1

Answer 3

Ho modificato la risposta di Thierry per farlo funzionare con l'ultima versione. È necessario rimuovere il secondo parametro della funzione di timeout. Secondo una discussione riguardante un problema di angular-cli, la funzione di timeout genera sempre un'eccezione Timeout.

this.http.post('myUrl', 
    MyData, {headers: Myheaders}) 
    .timeout(3000) 
    .map(res => res.json()) 
    .subscribe(
     data => this.ret = data, 
     error => console.debug('ERROR', error), 
     () => console.log('END') 
    );