Question

角度6：如何使用 forkJoin

识别api的响应

reqs = [];
if (shouldUpdatePhone) {
   reqs.push(this.customerService.updatePhone(phoneUpdateRequest))
}
if (shouldUpdateAddress) {
   reqs.push(this.customerService.updateAddress(addressUpdateRequest))
}

forkJoin(reqs).subscribe(result => {
   console.log('result :', result);
  //How to know response is from updatePhone and response from updateAddress?
});

我如何识别收到的响应属于updatePhone和updateAddress？基于标识，我需要向用户显示消息。

这两个api返回 Array（2）>

{型号：true，代码：200，消息：空}，

{型号：true，代码：200，消息：空}

Answer 1

您可以在每个请求之后使用map管道将响应包装在另一个标识其类型的对象中。就是这样：

reqs = [];
if (shouldUpdatePhone) {
    reqs.push(this.customerService.updatePhone(phoneUpdateRequest)
        .pipe(map(value => ({type: 'phone', value: value})))
        .pipe(catchError(value => of({type: 'phone', failed: true}))))
}
if (shouldUpdateAddress) {
    reqs.push(this.customerService.updateAddress(addressUpdateRequest)
        .pipe(map(value => ({type: 'address', value: value})))
        .pipe(catchError(value => of({type: 'address', failed: true}))))
}

forkJoin(reqs).subscribe(results => {
    console.log('result :', results);

    for(let result of results){
        if(result.type == 'phone'){
            if(result.failed)
                console.log("Phone failed");
            else
                console.log("Phone: " + result.value);
        }

        else if(result.type == 'address'){
            if(result.failed)
                console.log("Address failed");
            else
                console.log("Address: " + result.value);
        }
    }
});

Answer 2

您可以执行以下操作：

forkJoin(reqs).subscribe(([phone, address]) => {
   if (!shouldUpdatePhone) {
     address = phone;
   }
});

但是我认为您正在监督某些事情，forkJoin会在所有内部可观测对象完成后发出一系列响应。因此它只会发出一次，包含两个响应（如果它们都被添加到了数组中）

另一个选择是将管道添加到forkJoin和内部subs （未经测试的代码）：

const reqs = [];
if (shouldUpdatePhone) {
   reqs.push(this.customerService.updatePhone(phoneUpdateRequest)).pipe(
     map((response) => ({ phone: response }))
   );
}
if (shouldUpdateAddress) {
   reqs.push(this.customerService.updateAddress(addressUpdateRequest)).pipe(
     map((response) => ({ address: response }))
   );
}

forkJoin(reqs).pipe(
  map((responses) => reponses.reduce((a, b) => ({...a, ...b}), {}))
).subscribe(result => {
   // result.address;
   // result.phone;
});

Answer 3

基于RxJS documentation：

forkJoin将等待所有传递的Observable完成，然后它将发出一个数组，其中包含来自相应Observable的最后一个值。因此，如果将n Observables传递给运算符，则结果数组将具有n值，其中第一个值是第一个Observable发出的最后一个值，第二个值是第二个Observable发出的最后一个值，并且等等。

因此，您的result值应该是一个数组，第一个值是updatePhone(...)可观察到的响应，第二个值是updateAddress(...)可观察到的响应。

角度6：如何识别forkJoin响应

3 个答案: