如何获得反应形式的先前值？

Question

我有表格：

this.filterForm = this.fb.group({
      type: [null, [Validators.required]]});

我听变化：

this.filterForm.controls["type"].valueChanges.subscribe(
      selectedValue => {

});

在上面的代码中，我得到了元素的selectedValue，如何获取以前的值进行比较：

if (old("type") !== selectedValue) {
   // Call user method
}

我尝试使用表单中的其他两个字段来执行此操作：

Observable.merge(this.filterForm.controls["classNumber"].valueChanges, this.filterForm.controls["classSuffix"].valueChanges).subscribe(response => {
        if (response[0] !== this.filterForm.value.classNumber && this.filterForm.controls["classSuffix"]) { // Call method }
    });

Answer 1

为什么不使用变量 oldValue？

oldValue:any;
this.filterForm.controls["type"].valueChanges.subscribe(
      selectedValue => {
           console.log(selectedValue,oldValue);
           oldValue=selectedValue; //<--give value to oldValue;
});

无论如何，只有在您选择新值时才会在选择值中发生更改（如果显示下拉菜单并选择尚未选择的值，则不会发生）

Answer 2

您可以使用此方法来实现您的关注：

已创建 demo 供您参考并检查 stackblitz 控制台

this.filterForm
   .controls["type"]
   .valueChanges
   .subscribe(selectedValue => {
       // New value of Type;
       console.log('New Value: ', selectedValue);

       // Old value of Type; Avoid using this.filterForm.get('type').value
       // This will give you the current/latest value.                 
       console.log('Old Value: ', this.filterForm.value['type']);   
});

Answer 3

我使用this solution 从响应式表单中获取先前的值。 Pairwise 将当前值和先前值放在一个数组中并发出。