javascript - 在每个文档上单击我想在 debounceTime() 函数中传递不同的值

Question

我正在使用 Rxjs 的 debounceTime()。这意味着它将在我传递给函数的几毫秒后进行订阅。因此，我通过给出不同的时间值在每个文档点击上调用 debounceTime() 。第一次我给 1 分钟。到这个函数。就像 - debounceTime(1*60*1000)。这没关系。第二次，我给了 2 分钟。到这个函数。就像 - debounceTime(2*60*1000)。仅 1 分钟即可订阅(应在 2 分钟内订阅)。

下面是我在 angular6 组件中的小代码。我第一次在 ngOnInit() 中调用此函数，并以 1 分钟为值。

@HostListener('click', ['$event'])
    onClick($event) {
        this.timeoutMins = 2;
        this.updateTimer.next($event);
    }

this.clickOrKeyEvent = this.updateTimer.pipe(
            debounceTime(this.timeoutMins * 60 * 1000),
        )
            .subscribe(() => {
                console.log(this.timeoutMins);
            });

Answer 1

你的 updateTime 类型是 Observable 吗？如果它是一个裸Observable，您将通过订阅创建一个新的Observable，因此通过在10秒后单击按钮，您应该在60秒(OnInit)和130秒(单击)。

您可以查看ReplaySubjects如果您只想让一个 Observable 在后台工作。

我希望我正确理解了你的意思。如果这没有帮助，请提供完整的代码示例并解释您正在寻找的确切行为。