Angular6 エンタークリックイベントの方法

「Angular6 エンタークリックイベントの方法」のアイキャッチ画像

最近忙しくてなかなか更新できませんでしたが。。。

Angular6でエンターを押した後に処理を追加したかったのでそれを実装する方法を探してみました
javascript単体だとコードがちょい長くなってしまいますが、Angularを使うとやはり短くてコンパクトでわかりやすくなりますね

//html
<input (keydown)="onKeydown($event)">

//Typescript
onKeydown(event) {
  if (event.key === "Enter") {
    console.log(event);
  }
}

// その他のキーイベント
<input (keydown.enter)="...">
<input (keydown.a)="...">
<input (keydown.esc)="...">
<input (keydown.shift.esc)="...">
<input (keydown.control)="...">
<input (keydown.alt)="...">
<input (keydown.meta)="...">
<input (keydown.9)="...">
<input (keydown.tab)="...">
<input (keydown.backspace)="...">
<input (keydown.arrowup)="...">
<input (keydown.shift.arrowdown)="...">
<input (keydown.shift.control.z)="...">
<input (keydown.f4)="...">

参考リンク
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events