rxjs zip два switchMap? - PullRequest
       9

rxjs zip два switchMap?

0 голосов
/ 06 июля 2018

у меня есть определено поведениеSubject:

measurementSearchChange$ = new BehaviorSubject('');
this.measurementSearchChange$
  .asObservable()
  .pipe(debounceTime(500))
  .pipe(
    switchMap((keyword: string) =>
      this.warningService.getInfluxdbQuery(
        this.selectedMonitorOption,
        'measurement',
        { search_name: keyword }
      )
    )
  )
  .subscribe((data: any) => {
    this.measurementOptions = data;
    this.isLoading = false;
  });

когда какое-то действие сделает это:

this.measurementSearchChange$.next(keyword);

теперь это работает хорошо, но я хочу добавить switchMap и сжать их, чтобы я мог подписать две разные данные, например:

this.measurementSearchChange$
  .asObservable()
  .pipe(debounceTime(500))
  .pipe(
    switchMap((keyword: string) =>
      this.warningService.getInfluxdbQuery(
        this.selectedMonitorOption,
        'measurement',
        { search_name: keyword }
      )
      // another 
      this.warningService.getInfluxdbQuery2(
        this.selectedMonitorOption,
        'measurement2',
        { search_name: keyword }
      )
    )
  )
  .subscribe((data1: any, data2: any) => {
    this.measurementOptions = data;
    this.isLoading = false;
  });

так как это можно сделать? любая помощь ценится

1 Ответ

0 голосов
/ 06 июля 2018

Если ваши запросы выдают один результат и затем завершаются, вы можете использовать forkJoin, например:

import { forkJoin } from 'rxjs';
/* ... */
this.measurementSearchChange$
  .asObservable()
  .pipe(
    debounceTime(500),
    switchMap((keyword: string) => forkJoin(
      this.warningService.getInfluxdbQuery(
        this.selectedMonitorOption,
        'measurement',
        { search_name: keyword }
      ),
      this.warningService.getInfluxdbQuery2(
        this.selectedMonitorOption,
        'measurement2',
        { search_name: keyword }
      )
    ))
  )
  .subscribe(([data1, data2]: [any, any]) => {
    this.measurementOptions = data;
    this.isLoading = false;
  });

Если они излучают несколько результатов, используйте combineLatest вместо forkJoin.

Я бы не стал использовать zip, если только это не тот случай, когда запросы могут выдавать более одного результата, и гарантируется, что каждый раз, когда один запрос отправляет результат, другой запрос тоже отправляет один.

...