angular - 处理 Tab 事件

标签 angular

如何在 Angular 2 中处理 Tab keypress 事件?

我从 Angular 文档中获取了 keyCode。当我按下其他键时它工作正常,但是当我按下 Tab 时没有任何反应。

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

@Component({
 selector: 'my-app',
 template: `<input (keyup)="onKey($event)">
            <p>{{values}}</p>`
})

export class AppComponent {
  values = '';
  onKey(event: any) { 
  this.values += event.keyCode+ ' | ';
  }
}

此外,这是在 Angular 2 中执行此操作的正确方法吗?

<input ng-keydown="($event.keyCode == 9) && 
       signal('something')" />

最佳答案

 <input (keydown.Tab)="onKey($event)">

关于angular - 处理 Tab 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42240486/

相关文章:

javascript - webpack:在解析模块之前必须手动执行 TSC

angular - 使用angular将隐藏参数传递给外部链接

javascript - 使用 Angular2 上传文件

java - Angular 4 中的 AES 128 加密和 Java 中的解密

angular - 图像没有立即以 Angular 显示

angular - File 'app/hero.ts' is not a module error in the console, where to store interfaces files in directory structure with angular2?

javascript - 升级 angular2-cli 项目中的 angular 2 依赖项

angular - router.navigate 不导航到定义的路径 html

angular - 有没有办法屏蔽 Material 输入控制?

angular - 如何解决这个问题,Angular 中的 "error TS2349: This expression is not callable"