如何知道在提交btn中调用指令的时间？

Question

我正在寻找一种方法，当我单击submit按钮时，可以判断指令何时被调用。

我有一个当用户选择键盘快捷键时监听的指令。

我怎样才能知道快捷键是否是使用指令触发的？

//Directive
@Directive({
   selector: [shortcut]
})
export class shortCutDirective{
    @HostListener('window:keyup', ['event'])
    if(event.keyCode == 32){
       console.log('short cut triggered');
    }
}

@Component({
  selector: 'app-root',
  template: `      
      <ng-template>
          <form ngSubmit = login() [shortcut]> 
              <button type = submit>
                      <span>Login </span>
              </button>
      </ng-template>
  `})
export class AppComponent {
    login() {
        console.log('Login');
    }

    loginByShortCutMethod() {
        console.log('Short cut was used');
    }
}

Answer 1

所以你是在用空格键检查，对吧？keycode == 32。仅出于测试目的，让它单击或悬停以查看其控制台日志记录。

还可以使用名称为no binding的属性，去掉方括号，如下所示：

<form ngSubmit = login() shortcut>