Angular2抓住從鍵盤事件按下刪除按鈕

Question

我有多個記錄在gridview中。我可以選擇從gridview中選擇多個記錄。

選擇後我希望這些選定的記錄被刪除。

任何人都知道如何在調用angular2時調用刪除事件從鍵盤上按下刪除按鈕？

Answer 1

試試這個：

的.html：

這時候按鍵和元素內部釋放會引發一個事件：

<div (keyup)="onKeyup($event)"></div> 

...這將引發一個事件當鑰匙被按下時，文件上釋放的任何東西：

<div (window:keyup)="onKeyup($event)"></div> 

.TS：

onKeyup(event) { 
    if (event.key === "Delete") { 
     // perform your action here 
    } 
} 

這裏是一個鏈接PLUNKER DEMO

Answer 2

在angular2使用@HostListener綁定鍵盤事件爲我工作。

import { HostListener } from '@angular/core'; 

@Component({ 
    ... 
}) 
export class AppComponent { 

    @HostListener('document:keypress', ['$event']) 
    handleKeyboardEvent(event: KeyboardEvent) { 
    this.key = event.key; 
    } 
} 

欲瞭解更多詳情，你可以在這裏查看細節。

How can I listen for keypress event on the whole page?