Angular 2 ngModel比较旧值和新值

Question

所以我一直在玩Angular 2一段时间了.[(ngModel)]在一个中使用该指令<input>非常简单.然而,我无法弄清楚如何通过或至少得到以前的值,所以我可以比较两者 - 新旧两者.

我从变换检测开始,(ngModelChange)因为(change)在输入字段blured之后启动(似乎是一个bug btw).所以我的代码目前看起来像这样($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>