每个按键上的角度2更改事件

Question

更改事件仅在输入的焦点更改后调用。如何使事件在每次按键时触发？

<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" />
{{mymodel}}

第二个绑定在每个按键上改变btw。

Answer 1

让我们看看原因：

1. （更改）就像你提到的，只有当输入失去焦点时才触发，因此用处有限。
2. （键盘）在按键时触发，但在某些击键时不触发，如退格。
3. （keydown）每次按下一个键都会触发。因此总是滞后1个字符；因为它在击键注册之前获得元素状态。
4. （keyup）是你最好的选择，因为它会在每次按键推送事件完成时触发，因此这也包括最近的字符。

• 在每次击键时注册一个事件，而不是（更改）事件
• 包括（按键）忽略的按键
• 与（按下键）事件不同，没有延迟

Answer 2

使用ngModelChange将[（x）]语法分解为两个部分，即属性数据库绑定和事件绑定：

xml prettyprint-override"><input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />
{{mymodel}}

valuechange(newValue) {
  mymodel = newValue;
  console.log(newValue)
}

它也适用于退格键。

Answer 3

我刚刚使用了事件输入，它工作得很好，如下所示：

在. html文件中：

<input type="text" class="form-control" (input)="onSearchChange($event.target.value)">

在. ts文件中：

onSearchChange(searchValue: string): void {  
  console.log(searchValue);
}