html - Angular 2 全局键检测

Question

如何使用 RC5 在文档上绑定(bind)一个键事件监听器而不是 Angular 2 中的特定输入字段？

例如:

我知道这个“将它绑定(bind)到一个元素”

<input (keypress)="onKeyDown($event)" [(ngModel)]="something" type="text">

例如，我如何将它绑定(bind)到文档

<div (keypress)="onKeyDown($event)"> <input /> ... </div>

Answer 1

@HostListener('window:keydown', ['$event'])
onKeyDown(event) {
  ...
}

你也可以这样做

<div (window:keypress)="onKeyDown($event)">

或

<div (document)="onKeyDown($event)">

像声明式过滤

<div (window:keydown.alt.a)="onKeyDown($event)">

目前不支持全局监听器

另见 https://github.com/angular/angular/issues/7308