如何转换两个Observable数据流并生成指定布尔结果？

我来帮你梳理下问题并给出正确的解决方案：

首先，你遇到的第一个类型错误Operator '+' cannot be applied to types '{}' and 'boolean'，是因为TypeScript没能正确推断出combineLatest投影函数里val1和val2的类型，显式指定参数类型就能解决这个问题。

而第二个订阅错误Property 'subscribe' does not exist on type 'OperatorFunction<{}, number>'，是因为你在投影函数里错误地返回了另一个函数(val1, val2) => Number(val1) + Number(val2) === 1，导致combineLatest返回的不是一个Observable，而是一个操作符函数，自然没法直接调用subscribe。

正确的实现方式 #

这里有两种可靠的写法，都能满足你的需求：

写法1：使用数组形式的combineLatest + map操作符

这种方式更直观，也更容易让TypeScript推断类型：

import { combineLatest } from 'rxjs';
import { map } from 'rxjs/operators';

combineLatest([this.loaded$, this.loading$]).pipe(
  map(([val1, val2]) => {
    // 将布尔值转为数字计算
    const total = Number(val1) + Number(val2);
    // 按照你的规则返回结果：sum等于1返回false，否则返回true
    return total !== 1;
  })
).subscribe(result => {
  console.log(result);
});

写法2：使用带投影函数的combineLatest（显式指定类型）

如果你更习惯用投影函数的写法，只需要给参数加上明确的布尔类型标注即可：

import { combineLatest } from 'rxjs';

combineLatest(
  this.loaded$,
  this.loading$,
  (val1: boolean, val2: boolean) => {
    const total = Number(val1) + Number(val2);
    return total !== 1;
  }
).subscribe(result => {
  console.log(result);
});

额外简化技巧 #

你的规则其实可以用逻辑判断直接替代数值计算：当val1和val2相等时，它们的数值和要么是0要么是2，都不等于1，返回true；当两者不等时，数值和是1，返回false。所以代码可以进一步简化成：

combineLatest([this.loaded$, this.loading$]).pipe(
  map(([val1, val2]) => val1 === val2)
).subscribe(result => console.log(result));

这样既简洁，又避免了类型转换的步骤。

内容的提问来源于stack exchange，提问作者Abrkad