rxjs - 在 takeUntil 之后做一些 Action

Question

我在听 mousemove事件直到mouseup .我正在做 takeUntil .

我的代码:

    const onMouseMove = fromEvent(window, "mousemove");
    const onMouseUp = fromEvent(window, "mouseup");

    const resizePanel = onMouseMove
        .pipe(
            takeUntil(onMouseUp),
            map(
                (event: MouseEvent) => {
                    this.isDragging = true;
                    this.resizePanel(event.clientX);
                }
            )
        );

我有一个变量 isDragging: boolean ，我想设置为 false , 当 mouseup发生，例如后 takeUntil在我的代码中。它一定很简单，但我无法弄清楚。

Answer 1

你可能想尝试这样的事情

const onMouseMove = fromEvent(window, "mousemove");
const onMouseUp = fromEvent(window, "mouseup");

const resizePanel = onMouseMove
    .pipe(
        takeUntil(onMouseUp.pipe(tap(() => this.isDragging = false))),
        map(
            (event: MouseEvent) => {
                this.isDragging = true;
                this.resizePanel(event.clientX);
            }
        )
    );

这个想法是添加一个 pipe与 tap运营商到 onMouseUp用作 takeUntil 的参数