相关疑难解决方法(0)

阅读如何使用RxJ的distinctUntilChanged？和此，似乎distinctUntilChanged改变了输出流只提供不同的连续值。

我的意思是，如果相同的值立即连续到达，则您实际上是在过滤流，并且只会出现一次重复值。

所以，如果我这样写：

this.myFormControl.valueChanges
  .debounceTime(1000)
  .distinctUntilChanged()
  .subscribe(newValue => {
    console.log('debounced: ', newValue);
  });

我看不到输出与此不同：

this.myFormControl.valueChanges
  .debounceTime(1000)
  .subscribe(newValue => {
    console.log('debounced: ', newValue);
  });

我已经看过一些地方，distinctUntilChanged在订阅valueChanges表单输入时建议使用—但并不清楚为什么。

这是一种输入，因此如果用户在输入，它总是在变化，对吗？这些值将始终是不同的，因此您无缘无故地添加了一个额外的操作来过滤输入。

还是我在这里想念什么？

编辑

使用distinctUntilChanged按我的第一个代码示例中，我创建带有值的形式输入Mr Trump，并确保它被保存在模型中。

然后，我在控件内部单击并粘贴Mr Trump。由于值是相同的，所以我希望不会看到任何记录的内容-控件具有与以前相同的值，因此，当然distinctUntilChanged应该忽略它吗？

编辑2

在进一步检查我的测试后，此行为似乎是因为我使用了以下数组AbstractControls：

this.itemsControl = <FormArray>this.form.controls['items']; 
...
this.itemsControl.controls[index].valueChanges...

因此，尽管有点奇怪，当输入的值相同时它仍然会触发，但是我猜测我需要连接到valueChanges该数组项（表单组）内的实际输入，而不是数组项本身。

编辑3

因此，将EDIT 2中的代码更改为以下代码后，不会触发valueChanges（已按预期）将已经存在的相同值粘贴到输入控件中。在EDIT 2中valueChanges，钩子连接到整个formGroup，而不是单个输入控件（在本例中称为content）：

let fg = this.itemsControl.controls[index]; // …