So werfen Sie einen Fehler vom RxJS-Kartenoperator (eckig)

Ich möchte einen Fehler von meiner beobachtbar ist werfen Karte Betreiber auf der Grundlage einer Bedingung. Zum Beispiel, wenn keine korrekten API-Daten empfangen werden. Bitte beachten Sie den folgenden Code:

private userAuthenticate( email: string, password: string ) {
    return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password})
        .map( res => { 
            if ( res.bearerToken ) {
                return this.saveJwt(res.bearerToken); 
            } else {
                // THIS DOESN'T THROW ERROR --------------------
                return Observable.throw('Valid token not returned');
            }
        })
        .catch( err => Observable.throw(this.logError(err) )
        .finally( () => console.log("Authentication done.") );
}

Grundsätzlich möchte ich, wie Sie im Code sehen können, einen Fehler auslösen, wenn die Antwort (res-Objekt) kein 'bearerToken' enthält. Damit geht es in meinem Abonnement in den unten genannten 2. Parameter (handleError).

.subscribe(success, handleError)

Irgendwelche Vorschläge?

Wirf den Fehler einfach in den map()Operator. Alle Rückrufe in RxJS werden mit Try-Catch-Blöcken umschlossen, damit sie abgefangen und dann als errorBenachrichtigung gesendet werden .

Dies bedeutet, dass Sie nichts zurückgeben und nur den Fehler auslösen:

map(res => { 
  if (res.bearerToken) {
    return this.saveJwt(res.bearerToken); 
  } else {
    throw new Error('Valid token not returned');
  }
})

Das throwError()(früher Observable.throw()in RxJS 5) ist ein Observable, das nur eine errorBenachrichtigung sendet , sich map()aber nicht darum kümmert, was Sie zurückgeben. Selbst wenn Sie ein Observable zurückgeben map(), wird es als nextBenachrichtigung übergeben.

Als letztes müssen Sie wahrscheinlich nicht verwenden .catchError()(früher catch()in RxJS 5). Wenn Sie im Falle eines Fehlers Nebenwirkungen ausführen müssen, ist es beispielsweise besser, diese zu verwenden tap(null, err => console.log(err))(früher do()in RxJS 5).

Jan 2019: Aktualisiert für RxJS 6

Wenn Sie das Gefühl haben throw new Error(), nicht beobachtbar zu sein, können Sie Folgendes verwenden switchMap:

// this is the import needed for throwError()
import { throwError } from 'rxjs';


// RxJS 6+ syntax
this.httpPost.pipe(switchMap(res => { 
   if (res.bearerToken) {
      return of(this.saveJwt(res.bearerToken)); 
   } 
   else {
      return throwError('Valid token not returned');  // this is 
   }
});

oder genauer:

this.httpPost.pipe(switchMap(res => (res.bearerToken) ? 
                                    of(this.saveJwt(res.bearerToken)) : 
                                    throwError('Valid token not returned')
));

Das Verhalten wird das gleiche sein, es ist nur eine andere Syntax.

Sie sagen wörtlich "Wechsel" von der in der Pipe beobachtbaren http zu einer anderen beobachtbaren, die entweder nur den Ausgabewert "umschließt", oder eine neue beobachtbare "Fehler".

Vergiss nicht zu setzen of , sonst erhalten Sie verwirrende Fehlermeldungen.

Das Schöne an 'switchMap' ist auch, dass Sie eine ganz neue 'Befehlskette' zurückgeben können, wenn Sie möchten - für welche Logik auch immer saveJwt.

Obwohl diese Frage bereits beantwortet ist, möchte ich meinen eigenen Ansatz teilen (auch wenn er sich nur geringfügig von oben unterscheidet).

Ich würde entscheiden, was getrennt von der Zuordnung zurückgegeben wird und umgekehrt. Ich bin mir nicht sicher, welcher Operator dafür am besten geeignet ist, also werde ich ihn verwenden tap.

this.httpPost.pipe(
  tap(res => { 
    if (!res.bearerToken) {
      throw new Error('Valid token not returned');
    }
  }),
  map(res => this.saveJwt(res.bearerToken)),
);