Angular 2在連續對焦時更改輸入值並連續輸入相同的值

Question

我正在嘗試將focousout上的輸入值減去1。一個奇怪的問題是，當我第一次輸入100並單擊旁邊時（我進入視圖99），它會執行此操作，但是第二次輸入100時，它不會更改盡管我可以在調試模式下看到num屬性已更改。

為此，我僅使用一種方法綁定和聚焦事件。

在html中：

<input type="text" #numElement [ngModel]="num"    
(focusout)="distractByOne(numElement.value)" />

在組件中：

distractByOne(val) {
  this.num = +val-1;
}

Answer 1

你嘗試過..

<input type="text" #numElement [ngModel]="num"    
(focusout)="distractByOne($event)" />

在組件中：

distractByOne(val) {
  this.num = +val-1;
}

希望它可以幫助您...