相关疑难解决方法(0)

Angular 6管道RxJs运算符链接3个相关的可观察量

我有3个依赖的Rest API资源(比如说observables),如下所示:

1st observable生成一个项目作为用户数组,如下所示:

getUsers(): Observable<User[]>
    [
      {
        "id": 1,
        "name": "Peter",
        "surname": "Smith"
      },
      {
        "id": 2,
        "name": "John",
        "surname": "Wayne"
      },
      ...
    ]
Run Code Online (Sandbox Code Playgroud)

第二个observable可用于获取分配给用户的地址,因此输入参数是User ID,并返回一个作为地址数组的项:

getUserAddresses(user_id: string): Observable<Address[]>
    [
      {
        "id": 1,
        "city": "London",
        "street": "Wicombe 34"
      },
      {
        "id": 2,
        "city": "Paris",
        "street": "La fever 20"
      },
      ...
    ]
Run Code Online (Sandbox Code Playgroud)

第3个observable可用于获取分配给用户的公司,因此输入参数是User ID,并返回一个项目作为公司数组:

getUserCompanies(user_id: string): Observable<Company[]>
    [
      {
        "id": 1,
        "name": "Fintch CO",
        "state": "France"
      },
      {
        "id": 2,
        "name": "C&C inc.",
        "state": "USA"
      },
      ...
    ]
Run Code Online (Sandbox Code Playgroud)

我想将这3个observable链接成一个将再次产生结果作为一个项目,它将包含其附加地址数组和公司数组的用户数组,如下所示:

    [ …
Run Code Online (Sandbox Code Playgroud)

operator-keyword observable rxjs angular

12
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

observable ×1

operator-keyword ×1

rxjs ×1