尝试
(keyup.enter)
或(keydown.enter)
<div
fxFlex="1 1 auto"
fxLayout="column"
class="content"
(click)="openDialog($event)"
(keyup.enter)="openDialog($event)"
>
记住 $event 现在是键盘事件而不是点击事件。
您可以在 *.ts
文件中的方法上使用
HostListener装饰器,而无需更改模板。
例如参见这个stackblitz。
请确定您的情况,检查您要打开的对话框是否尚未打开。
export class App {
enterCounter = 0;
tCounter = 0;
@HostListener('document:keydown.enter')
onDocumentKeydownEnter() {
this.enterCounter++;
}
@HostListener('document:keyup.t')
onDocumentKeyupT() {
this.tCounter++;
}
}