Listen for specific keys in Angular Templates

Angular allows you to listen for specific keys of a keyboard event similar to Vue's Key Modifiers. When listing for a keyboard event like keydown or keyup you can add a key or key combination that you want to listen for.

<!-- Listen for all keys -->
<input (keydown)="onKeyDown()" />

<!-- Listen for enter -->
<input (keydown.enter)="onEnter()" />

<!-- Listen for arrow down -->
<input (keydown.arrowdown)="onArrowDown()" />

<!-- Listen for shift + f -->
<input (keydown.shift.f)="onShiftF()" />