Angular2 从键盘事件中捕获删除按钮按下

Question

我在 GridView 中有多条记录。我可以选择从 GridView 中选择多个记录。

选择后我希望删除这些选定的记录。

有人知道当从键盘按下删除按钮时如何调用在 angular2 中调用的删除事件吗？

Answer 1

如果您想在按下任何特定的键盘按钮时执行任何事件，在这种情况下，您可以使用@HostListener。为此，您必须在组件 ts 文件中导入 HostListener。我可以使用以下函数来执行删除键盘按下操作。

从“@angular/core”导入{HostListener}；然后在组件 ts 文件中的任何位置使用以下函数。

    @HostListener('document:keyup', ['$event'])
      handleDeleteKeyboardEvent(event: KeyboardEvent) {
        if(event.key === 'Delete')
        {
          // remove something... or call remove funtion this.remove();
        }
      }
remove(){ 
// code..
}