Angular2 - 单击按钮时更新模型

当使用 angular2 ngModel 进行双向数据绑定时：

<input [(ngModel)]="heroName">

有没有办法只在单击按钮后更新模型？或者能够取消用户对输入控件所做的更改？我知道我们可以分割的另一种方法[(ngModel)] in its [] and ()并且仅在模糊或按下 Enter 键等时更新输入 - 但这不是我想要的。

我需要这种行为，因为用户必须能够取消更改。 谢谢

为此，您可以执行以下操作，

DEMO : http://plnkr.co/edit/OW61kGGcxV5MuRlY8VO4?p=preview

{{heroName}}<br>
<input [ngModel]="heroName" #change> <br>
<br>
<button (click)="update(change.value)">Update Model</button>

export class App {
  heroName="Angular2";
  update(value){
    console.log('value before button click' + this.heroName);
    this.heroName=value;
    console.log('value after button click' + this.heroName);
  }
}