Як викинути помилку з оператора карт RxJS (кутовий)

Я хочу видалити помилку від оператора карти мого спостережуваного на основі умови. Наприклад, якщо не отримано правильних даних API. Перегляньте наступний код:

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.") );
}

В основному, як ви можете бачити в коді, якщо у відповіді (об'єкт res) немає 'bearerToken', я хочу видалити помилку. Так що в моїй підписці він потрапляє до другого параметра (handleError), згаданого нижче.

.subscribe(success, handleError)

Будь-які пропозиції?

Просто закиньте помилку всередину map()оператора. Усі зворотні виклики в RxJS обгортаються блоками try-catch, щоб вони були схоплені, а потім відправлені як errorсповіщення.

Це означає, що ви нічого не повертаєте і просто викидаєте помилку:

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

throwError()(Колишній Observable.throw()в RxJS 5) є Observable , що просто посилає errorповідомлення , але map()НЕ все одно , що ви повернетеся. Навіть якщо ви повернете Observable з map()нього, воно буде передано як nextсповіщення.

Останнє, вам, мабуть, не потрібно користуватися .catchError()(раніше catch()у RxJS 5). Якщо вам потрібно виконати будь-які побічні ефекти, коли трапляється помилка, краще скористатися tap(null, err => console.log(err))(наприклад, раніше do()у RxJS 5).

Січень 2019: оновлено для RxJS 6

Якщо ви відчуваєте, що throw new Error()здається незрозумілим, як ви можете використовувати throwError(...)з switchMapзамість map(різниця полягає в 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 
   }
});

або коротше:

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

Поведінка буде однаковою, це просто інший синтаксис.

Ви буквально говорите про "переключення" з http спостережуваного в трубі на інший спостережуваний, який або просто "обертає" вихідне значення, або спостерігає нову "помилку".

Не забудьте поставити, ofінакше ви отримаєте заплутані повідомлення про помилки.

Також краса 'switchMap' полягає в тому, що ви можете повернути цілий новий "ланцюжок" команд, якщо хочете - для будь-якої логіки, з якою потрібно робити saveJwt.

Незважаючи на те, що на це питання вже дано відповіді, я хотів би поділитися своїм власним підходом (хоча він лише трохи відрізняється від вище).

Я вирішив би, що повертається окремо від відображення і навпаки. Я не впевнений, який оператор найкраще підходить для цього, тому буду використовувати tap.

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