Come cancellare un HTTPRequest in Angular 2?

Question

Come annullare un HTTPRequest in Angular 2?

So come rifiutare la richiesta solo promessa.

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

È possibile chiamare 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(); 

Maggiori informazioni qui: http://www.syntaxsuccess.com/viewarticle/angular-2.0-and-http

Answer 2

È possibile l'uso della seguente soluzione semplice.

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

Answer 3

Un po 'tardi per il partito, ma qui è il mio introito:

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

Ciò consente di annullare manualmente una richiesta. A volte mi ritrovo con un osservabile o una promessa che apporterà modifiche a un risultato sulla pagina. Se la richiesta è stata avviata automaticamente (l'utente non ha scritto nulla in un campo per x millis) la possibilità di annullare la richiesta è buona (l'utente improvvisamente digita nuovamente qualcosa) ...

takeUntil dovrebbe anche funzionare con un semplice timeout (Observable.timer) se è quello che state cercando https://www.learnrxjs.io/operators/filtering/takeuntil.html

Answer 4

È possibile utilizzare SwitchMap sul osservabile, che annullerà le risposte di ogni richiesta precedente e solo richiedere l'ultimo:

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