当ngModelChange之后模型保持不变时，Angular 4重新绑定

Question

I have an input

<input [(ngModel)]="plot" type="number" step="0.01" (ngModelChange)="onPlotChange($event)" />

onPlotChange(value) {
    this.plot = value;
    this.plot = Math.round(this.plot * 100) / 100;
}

When i enter a number, lets say - 1.956, it instantly changes to 1.96 as it is rounded up, this.plot is different to the value is rebound to the view.

When i enter - 1.951, it stays like that in the view because the model value before the change was 1.95 and after the change it is 1.95 so it doesn't detect any changes and doesn't re-bind the value back to the view so the view stays with .1951.

How do i force angular to re-bind the value to the view?

http://plnkr.co/kJxF7rixZXQdWRMnVoRd Enter 0.956 - expected result 0.96 Enter 0.951 - expected result 0.95, actual result in view 0.951

Answer 1

There is an alternate solution to achieve the desired result. You can use angular's (keyup) event

<input [(ngModel)]="plot" type="number" step="0.01" (keyup)="onPlotChange(plot)" />

    onPlotChange(value) {
      this.plot=value;
        this.plot = Math.round(this.plot * 100) / 100;

}