html5 – Angular 2全局密钥检测

如何使用RC5绑定文档上的keyevent侦听器而不是Angular 2中的特定输入字段？

例如：

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

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

例如,如何将其绑定到文档

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

解决方法

@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

原文地址：https://www.jb51.cc/html5/168539.html