如果值是异步的，如何在函数中使用 ngModel 旧值？答案

【问题标题】：How can I use the ngModel old value in a function if the value is asynchronous?如果值是异步的，如何在函数中使用 ngModel 旧值？
【发布时间】：2020-12-28 08:26:29
【问题描述】：

我有一个输入 (dropdown)，在获得新输入后，我想检查有关旧输入和新输入的信息。但是，我只有异步格式的数据（旧输入）。

<p-dropdown [options]="valueOptions" [ngModel]="storeValue$ | async"
 (ngModelChange)="checkChange($event, ???)" </p-dropwdown>

如果旧值不是异步的，我可以执行以下操作：

<p-dropdown [options]="valueOptions" [ngModel]="storeValue"
 (ngModelChange)="checkChange($event, storeValue)" </p-dropwdown>

或者如果存储值不可为空，我可以这样做

<p-dropdown *ngIf="storeValue$ | async as val" [options]="valueOptions" [ngModel]="val"
 (ngModelChange)="checkChange($event, val)" </p-dropwdown>

鉴于值可以为空并且它也是异步的，我如何在 checkChange 函数中访问它？

【问题讨论】：

标签： angular asynchronous angular-ngmodel

【解决方案1】：

您可以使用tap 运算符来存储初始值。然后你可以与当前值进行比较。

component.ts

storeValue$.pipe(tap(value=>this.initialValue = value));

checkChange(newValue){
    this.initialValue === newValue;
}

【讨论】：