在Angular 8中,可以通过使用一个标志变量来控制按钮的禁用状态,并在每次按键时停止触发按钮上的函数。
首先,在组件的类中定义一个标志变量,用于控制按钮的禁用状态:
export class MyComponent {
disableButton: boolean = false;
someFunc() {
// Your logic here
}
}
然后,在模板中使用该标志变量来控制按钮的禁用状态:
接下来,在组件的类中监听键盘按下事件,并在每次按键时更新标志变量的值:
export class MyComponent {
disableButton: boolean = false;
someFunc() {
// Your logic here
}
onKeyDown(event: KeyboardEvent) {
this.disableButton = true;
}
}
最后,在模板中绑定键盘按下事件到 onKeyDown
方法:
这样,每次按键时,按钮上的函数 someFunc
将不会再触发,直到标志变量 disableButton
的值被重置为 false
。
请注意,这只是一种解决方法,具体实现方式可能因应用的需求而有所不同。