Angular 2 ngModel 比较新旧值

Question

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

我正在通过(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>