angular - 处理 Tab 事件

原文 标签 angular

我如何处理标签 keypress Angular 2 中的事件?

我从 Angular 文档中获取了这个 keyCode .当我按其他键时效果很好,但是当我按 Tab 时没有任何 react 。

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/

相关文章:

angular - 错误 TS2531 对象在 Angular react 形式中可能为空

apache - 在没有服务器的情况下运行 Angular2 项目

css - 自从我使用angular4以来,我的CSS不再起作用

javascript - 如何在 javascript 或 typescript 字符串中插入变量值?

Angular 5 RxJS 订阅时间问题

javascript - 如何在 PEERJS 和 Angular 4 上列出要连接到视频聊天的对等方?

angular - 如何迭代现有的 FormControl 验证器

angular - 如何对依赖于元素高度的组件进行单元测试(使用 angular 5)?

angular - mat-button 不是已知元素

jquery-ui - 使用 angular-cli 安装第 3 方 jquery-ui