http投稿要求のAngular2タイムアウト

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

最新のリリースで動作するようにThierryの回答を修正しました。タイムアウト関数の2番目のパラメータを削除する必要があります。 angle-cliの問題に関する議論によれば、timeout関数は常に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') 
    );