rxjs中基于boolean observable的条件observable转换

迪皮克斯

如何根据布尔值 Observable 编辑我的 observable 值,任何时候该布尔 observable 将被更改,然后$shipsobservable 将被转换。

areShipsExpanded$: Observable<boolean>;
ships$: Observable<Ship>;

this.ships$ = this.shipsDataSource.getData().pipe(
    map(s => {
          if(this.areShipsExpanded$) {
              // do something with s
          } else {
              // do something else with s
          }
    return s;
})

当然 on view 将被使用 ships$ | async

上面的代码是不正确的,因为 Observable 不会在this.areShipsExpanded$更改时再次转换。

雷内·温克勒
areShipsExpanded$: Observable<boolean>;
ships$: Observable<Ship>;

this.ships$ = this.shipsDataSource.getData().pipe(
combineLatest(this.areShipsExpanded$),
map(([ships, expanded]) => {
      if(expanded) {
          // do something with ships
      } else {
          // do something else with ships
      }
return ships;
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用RxJS将Observable [A列表]转换为Observable [B列表]

来自分类Dev

RXJS如何将Observable <T []>转换为Observable <T>

来自分类Dev

使用RxJS将Observable [A列表]转换为Observable [B列表]

来自分类Dev

返回条件 rxjs Observable 的更好方法

来自分类Dev

RxJs Observable的Observable Zip数组

来自分类Dev

无法导入Observable rxjs / Observable

来自分类Dev

将 Observable<List<X>> 转换为 Observable<X> 的 rxjs 运算符

来自分类Dev

Angular - rxjs - 将 Observable 数组转换为另一个 Observable 数组

来自分类Dev

返回满足条件后接收值的Rxjs Observable

来自分类Dev

RXJS如何处理switchmap中返回的布尔值或Observable <boolean>

来自分类Dev

如何在RxScala / Java中以指定条件取消映射的Observable?

来自分类Dev

BindableBase 是 MVVMLight 中 Observable 项目的正确转换吗?

来自分类Dev

在 onNext 之前对 observable 中的每个项目执行非转换操作

来自分类Dev

使用 Rxjs 过滤 Observable

来自分类Dev

Rxjs 结合 Observable 的数组

来自分类常见问题

Rxjs:Observable.combineLatest与Observable.forkJoin

来自分类Dev

来自Observable输出的RxJS Observable结果

来自分类Dev

Rxjs: create observable from value 或 observable 的简写

来自分类Dev

如何在RxJS中完成Observable

来自分类Dev

在 RxJs 中订阅现有的 observable

来自分类Dev

将 RxJS 5 Rx.Observable.timer(3000).mapTo({ id: 1 }) 转换为 RxJS 6?

来自分类Dev

如何将基于回调的API转换为基于Observable的API?

来自分类Dev

如何使用RxJS在Cyclejs中将Observable流转换为单个可更新的div

来自分类Dev

从角度 2 中的 observable 返回 observable

来自分类Dev

Observable 中的多个 Observable 未按预期解决

来自分类Dev

Observable <boolean>无法正常工作

来自分类Dev

RxJS Observable.fromEvent数据

来自分类Dev

使用RxJS Observable流JSON

来自分类Dev

RxJS Observable.fromEvent数据

Related 相关文章

  1. 1

    使用RxJS将Observable [A列表]转换为Observable [B列表]

  2. 2

    RXJS如何将Observable <T []>转换为Observable <T>

  3. 3

    使用RxJS将Observable [A列表]转换为Observable [B列表]

  4. 4

    返回条件 rxjs Observable 的更好方法

  5. 5

    RxJs Observable的Observable Zip数组

  6. 6

    无法导入Observable rxjs / Observable

  7. 7

    将 Observable<List<X>> 转换为 Observable<X> 的 rxjs 运算符

  8. 8

    Angular - rxjs - 将 Observable 数组转换为另一个 Observable 数组

  9. 9

    返回满足条件后接收值的Rxjs Observable

  10. 10

    RXJS如何处理switchmap中返回的布尔值或Observable <boolean>

  11. 11

    如何在RxScala / Java中以指定条件取消映射的Observable?

  12. 12

    BindableBase 是 MVVMLight 中 Observable 项目的正确转换吗?

  13. 13

    在 onNext 之前对 observable 中的每个项目执行非转换操作

  14. 14

    使用 Rxjs 过滤 Observable

  15. 15

    Rxjs 结合 Observable 的数组

  16. 16

    Rxjs:Observable.combineLatest与Observable.forkJoin

  17. 17

    来自Observable输出的RxJS Observable结果

  18. 18

    Rxjs: create observable from value 或 observable 的简写

  19. 19

    如何在RxJS中完成Observable

  20. 20

    在 RxJs 中订阅现有的 observable

  21. 21

    将 RxJS 5 Rx.Observable.timer(3000).mapTo({ id: 1 }) 转换为 RxJS 6?

  22. 22

    如何将基于回调的API转换为基于Observable的API?

  23. 23

    如何使用RxJS在Cyclejs中将Observable流转换为单个可更新的div

  24. 24

    从角度 2 中的 observable 返回 observable

  25. 25

    Observable 中的多个 Observable 未按预期解决

  26. 26

    Observable <boolean>无法正常工作

  27. 27

    RxJS Observable.fromEvent数据

  28. 28

    使用RxJS Observable流JSON

  29. 29

    RxJS Observable.fromEvent数据

热门标签

归档