typescript - http リクエストをキャンセル

Question

jQuery ajax には、ajax クエリを中止する方法があります。

var xhr = $.ajax({ ... });

ユーザーが操作を中止したい場合、またはシングルページアプリで他のページに移動したい場合は、呼び出すことができます

xhr.abort();

angular2-http api では、rxjs を使用しているため、クエリを中止する可能性が見つかりません。

angular2でajaxクエリを中止する方法はありますか?

Answer 1

購読すると、購読を解除するために使用できる購読が得られます

this.httpSubscription = this.http.get(...).subscribe(...);
...
this.httpSubscription.unsubscribe();

Answer 2

簡単な解決策として、以下を使用できますが、.switchMap rxjs メソッドも使用できます。

if ( this.subscription ) {
   this.subscription.unsubscribe();
}
this.subscription = this.http.get( 'awesomeApi' )
 .subscribe((res)=> {
  // your awesome code..
})