Question

我有2个可观察值（异步）。第一个返回状态数组，其中每个状态都有一个等级。第二个返回一个具有每个用户状态的用户数组。

我正在尝试输出按状态排序的用户列表。

这是我尝试过的：

const sortedUserList$: Subject<any> = new Subject();
this.getStatusList()
  .pipe(take(1))
  .subscribe(statusList=> {
    this.getUserList()
      .pipe(take(1))
      .subscribe(userList=> {
        // ... sorting algo using both statusList and userList
        sortedUserList$.next(centersPlanning);
      });
  });

很显然，它不起作用，因为statusList在第二个subscribe中不可用，因为它超出了范围。

这看起来也不像是嵌套两个subscribte，这是使用rxJS的正确方法。

我也尝试使用mergeMap，但没有更多成功。

感谢和问候

Answer 1

您可以使用rxjs中的forkJoin。尝试这样的事情：

import { forkJoin, of, Subject } from 'rxjs'
import {take, delay} from 'rxjs/operators'



sortedUserList: Subject<any> = new Subject();

//For demonstration purposes
getStatusList() {
    return of('first').pipe(
        delay(2000)
    );
}

//For demonstration purposes
getUserList() {
    return of('second').pipe(
        delay(1000)
    )
}

ngOnInit() {
    forkJoin(
        this.getStatusList(),
        this.getUserList()
    ).pipe(
        take(1)
    ).subscribe(resp => {
        console.log(resp) // ['first', 'second']
        //Do whatever you want with both responses here.
        this.sortedUserList$.next(centersPlanning)
    })
}

检查stackblitz

RXJS-如何使用2个不同的可观察结果作为函数调用的参数

1 个答案: