javascript - 如果来自去抖动的可观察对象的更改正在进行中，则 Angular NgModel 不会更改

Question

我正在使用 ChangeDetectionStrategy.OnPush 和带有 debounceTime 的 RxJS Subject 来处理一个公认的奇怪设置。

在this Plunker ，我对以下行为感到惊讶:

• 在第一个输入框(“Model 1”)中输入并验证它更新了模型，并且重置按钮有效
• 在第二个框中键入，并注意如果正在进行更改，则重置按钮不起作用
• 一旦 10 秒去抖动变化完成，第二个重置按钮会按预期工作

第二个重置按钮被认为不起作用，因为我没有立即更新 ngModelChange 监听器中 model2 的值，而是将更改事件传递给 Subject 并去抖动它，然后仅在 10 秒去抖动后更新它。但是我很困惑为什么当像这样进行更新时重置按钮不起作用。怎么回事？

Answer 1

这实际上发生了，因为 this.model2 的值实际上并没有从 "Model 2" 改变，即使输入的值似乎已经明显改变.因为传递给 ngModel 的值没有改变，所以输入的新值没有被覆盖。这里的解决方案是保持变量 model2 更新为当前值:

handleChange2(value: string) {
   this.model2 = value;
   this.model2Subject.next(value);
}