Angular 2 ngModel比较新旧值

Question

所以我已经使用 Angular 2 一段时间了。使用 [(ngModel)] <input> 中的指令很简单。但是我不知道如何传递或至少获取以前的值，以便我可以比较两者 - 新旧值。

我正在通过 (ngModelChange) 进行变更检测自 (change)在模糊输入字段后启动(顺便说一句，似乎是一个错误)。所以我的代码目前看起来像这样($event 可以看作是一个占位符，因为我不知道要传入什么)。

<input [(ngModel)]="myModel" (ngModelChange)="changeEvent($event)">

我也试过像这样传入自定义本地模板变量，但显然效果不佳:

<input [(ngModel)]="myModel" #myModel="ngModel" (ngModelChange)="changeEvent($event)">

我知道，至少有可能通过使用 DoCheck 来实现。 .但是因为我只需要一次(目前)我真的不想使用那个方法。最重要的是，我在 *ngFor 中使用了上述结构。 .

Answer 1

您可以使用以下内容:

HTML 模板: [(ngModel)]="myModel" #model (change)="changeEvent(model.value)"

Javascript 处理程序:

changeEvent(newValue) {
  console.log(newValue, this.myModel);
}

控制台将记录:

<newValue>, <oldValue>