当我在角度中使用“key”而不是“keyCode”和“KeyboardEvent”时出现错误

我正在尝试为输入字段（文本框）创建自定义指令，使其仅接受数字而不接受字母字符。

我有以下（only-numbers.directive.ts）文件:

import { Directive, ElementRef, HostListener } from '@angular/core';

@Directive({
  selector: "[onlyNumbers]"
})
export class OnlyNumbersDirective {
  constructor(private el: ElementRef) {}

  @HostListener('keydown', ['$event'])
  onKeyDown(e: KeyboardEvent) {
    if (
      // Allow: Delete, Backspace, Tab, Escape, Enter
      [46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 ||
      (e.keyCode === 65 && e.ctrlKey === true) || // Allow: Ctrl+A
      (e.keyCode === 67 && e.ctrlKey === true) || // Allow: Ctrl+C
      (e.keyCode === 86 && e.ctrlKey === true) || // Allow: Ctrl+V
      (e.keyCode === 88 && e.ctrlKey === true) || // Allow: Ctrl+X
      (e.keyCode === 65 && e.metaKey === true) || // Cmd+A (Mac)
      (e.keyCode === 67 && e.metaKey === true) || // Cmd+C (Mac)
      (e.keyCode === 86 && e.metaKey === true) || // Cmd+V (Mac)
      (e.keyCode === 88 && e.metaKey === true) || // Cmd+X (Mac)
      (e.keyCode >= 35 && e.keyCode <= 39) // Home, End, Left, Right
    ) {
      return; // let it happen, don't do anything
    }
    // Ensure that it is a number and stop the keypress
    if (
      (e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) &&
      (e.keyCode < 96 || e.keyCode > 105)
    ) {
      e.preventDefault();
    }
  }

}

上面的代码工作正常，但我知道“keyCode“已被弃用，所以我尝试使用”key“ 相反，但我得到了这个错误：

“字符串”类型的参数不可分配给“数字”类型的参数。 （截屏） https://i.stack.imgur.com/TBT0a.png

此条件将始终返回“false”，因为类型“string”和“65”没有重叠。 （截屏） https://i.stack.imgur.com/25qor.png

所以我的问题是如何解决它？

提前致谢

正如 Eliseo 指出的那样，我使用了这个解决方案，效果非常好https://stackoverflow.com/a/54462816/6663458 https://stackoverflow.com/a/54462816/6663458

谢谢埃利塞奥