如何在Angular/RxJS中对Observable布尔值使用逻辑或运算符

首先明确：RxJS的combineLatest并未完全废弃，只是旧的多参数传入形式（combineLatest(obs1$, obs2$)）被标记为废弃，当前推荐的是传入Observable数组的写法，依然可以用来实现你的需求。

1. 生成Observable布尔结果（推荐） #

通过combineLatest组合两个Observable，再用map操作符执行逻辑运算：

逻辑或运算

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

// 假设你的两个布尔Observable如下
const booleanObs1$ = /* 你的第一个Observable<boolean> */;
const booleanObs2$ = /* 你的第二个Observable<boolean> */;

// 生成逻辑或结果的Observable
const orCombined$ = combineLatest([booleanObs1$, booleanObs2$]).pipe(
  map(([val1, val2]) => val1 || val2)
);

逻辑与运算

// 生成逻辑与结果的Observable
const andCombined$ = combineLatest([booleanObs1$, booleanObs2$]).pipe(
  map(([val1, val2]) => val1 && val2)
);

2. 获取普通布尔值 #

如果不需要Observable结果，可通过订阅直接拿到布尔值：

let orResult: boolean;
combineLatest([booleanObs1$, booleanObs2$]).pipe(
  map(([val1, val2]) => val1 || val2)
).subscribe(result => {
  orResult = result;
  // 这里处理结果的后续逻辑
});

3. 其他可选操作符 #

• withLatestFrom：如果希望仅在其中一个Observable发射新值时，结合另一个Observable的最新值计算结果（而非两个Observable都触发计算），可以用这个操作符，适合单向触发的场景：

  // 仅在booleanObs1$发射新值时，结合booleanObs2$的最新值做或运算
  const orWithLatest$ = booleanObs1$.pipe(
    withLatestFrom(booleanObs2$),
    map(([val1, val2]) => val1 || val2)
  );
  

关键说明 #

• combineLatest的触发逻辑：两个Observable都至少发射过一次值后，任意一个Observable发射新值，就会重新计算并发射组合结果。
• 若使用Angular等框架，可直接用async管道在模板中绑定Observable结果，自动管理订阅生命周期：

  <p *ngIf="orCombined$ | async">满足逻辑或条件</p>
  

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