Как отменить HTTPRequest в Angular 2?

Question

Как отменить HTTPRequest в Angular 2?

Я знаю, как отклонить запрос только.

return new Promise((resolve, reject) => { 
    this.currentLoading.set(url, {resolve, reject}); 

    this.http.get(url, {headers: reqHeaders}) 
     .subscribe(
      (res) => { 
       res = res.json(); 

       this.currentLoading.delete(url); 
       this.cache.set(url, res); 

       resolve(res); 
      } 
     ); 
}); 

Answer 1

Вы можете позвонить unsubscribe

let sub = this.http.get(url, {headers: reqHeaders}) 
      .subscribe(
       (res) => { 
        res = res.json(); 

        this.currentLoading.delete(url); 
        this.cache.set(url, res); 

        resolve(res); 
       } 
      ); 

sub.unsubscribe(); 

Подробнее здесь: http://www.syntaxsuccess.com/viewarticle/angular-2.0-and-http

Answer 2

Вы можете использование следующее простое решение.

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

Answer 3

Немного поздно для партии, но вот мое взятие:

import { Injectable } from '@angular/core' 
import { Http } from '@angular/http' 
import { Observable } from 'rxjs/Observable' 
import { Subscriber } from 'rxjs/Subscriber' 

@Injectable() 
export class SomeHttpServiceService { 
    private subscriber: Subscriber<any> 
    constructor(private http: Http){ } 

    public cancelableRequest() { 
    let o = new Observable(obs => subscriber = obs) 
    return this.http.get('someurl').takeUntil(o) 
     .toPromise() //I dont like observables 
     .then(res => { 
     o.unsubscribe 
     return res 
     }) 
    } 
    public cancelRequest() { 
    subscriber.error('whatever') 
    } 
} 

Это позволяет вручную отменить запрос. Иногда я получаю наблюдаемый или обещающий, который внесет изменения в результат на странице. Если запрос был инициирован автоматически (пользователь не набирал noting в поле для x millis), возможно, удастся выполнить запрос (пользователь неожиданно печатает что-то снова) ...

takeUntil также должен работать с простым Тайм-аут (Observable.timer), если это то, что вы ищете https://www.learnrxjs.io/operators/filtering/takeuntil.html

Answer 4

вы можете использовать SwitchMap на наблюдаемом который отменит ответ любого предыдущего запроса и только запросить последнее:

https://www.learnrxjs.io/operators/transformation/switchmap.html