时间戳

首页 > 解决方案 > 如何在 takeUntil rxjs 函数之后采取行动

javascript - 如何在 takeUntil rxjs 函数之后采取行动

问题描述

因此，如果运行的函数运行时间足够长以触发在计时器上运行的 takeUntil 函数，我试图让布尔值为真。

这是代码

start = this.http.get(environment.shochat_content_creator_set_valid_stream_start).pipe(
    tap(() => console.log('Stream start'))
  );

  poll = this.http.get(environment.check_if_stream_is_active_on_mux).pipe(
    tap(() => {
        this.streamready = true;
        return 0;
      }
      ),
    catchError(error => {
      console.log(error);
      return EMPTY;
    })
  );

  startastream(){
    const endtimer = timer(60000);
    this.streampollsubscription = this.start.pipe(
      switchMap(() => timer(0, 5000).pipe(
        tap(() => console.log('Polling every 5s')),
        mergeMap(() => this.poll)
      )),
      takeUntil(endtimer)
    ).subscribe();

  }

本质上，如果 takeUntil 确实被解雇，我希望将布尔值设置为 true。

timeout = true;

我一直在看这个stackoverflow帖子

在 takeUntil 之后做一些动作

但事情并没有我想要的那么清楚。

标签： javascriptangularrxjspollingtakeuntil

解决方案

您可以使用合并运算符并在条件 ( ) 触发时重用您的takeUntil条件来创建映射true值：endtimer

const { Subject, merge } = rxjs;
const { takeUntil, mapTo } = rxjs.operators;

const source$ = new Subject();
const condition$ = new Subject();

// Use the merge to work around your completed observable
const result$ = merge(
  // When your condition fires map this event to true
  condition$.pipe(mapTo(true)),
  // Your already existing pipe in wich the takeUntil lives
  source$.pipe(
    takeUntil(condition$)
  )
)

result$.subscribe(console.log)

source$.next(1);
source$.next(2);
condition$.next();
source$.next(3);
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.3/rxjs.umd.min.js"></script>

仅供参考：我不确定此解决方案是否适用于您的应用程序上下文，因为您没有显示timeout声明和设置的位置。

推荐阅读