Angular2 timeout в http post request

Question

Возможно ли сделать тайм-аут 3 секунд в почтовом запросе? Как ?

Мой код на данный момент

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

Вы можете использовать оператор timeout так:

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

Вы, возможно, потребуется импортировать тайм-аут, как так

import 'rxjs/add/operator/timeout'

I не мог заставить его работать без этого на rxjs 5.0.1 и угловой 2.3.1

Answer 3

Я изменил ответ Тьерри, чтобы он работал с последним выпуском. Необходимо удалить второй параметр функции таймаута. Согласно обсуждению проблемы с угловым cli, функция тайм-аута всегда выдает TimeoutError.

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') 
    );