取消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.. 
})