如何在Angular和Typescript中禁用tab元素

<input type="text" disableTab>

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

@Directive({
  selector: '[disableTab]'
})
export class DisableTabDirective {
  @HostListener('keydown', ['$event'])
  onKeyDown(event: KeyboardEvent) {
    if (event.key === 'Tab') {
      event.preventDefault();
    }
  }
}

import { NgModule } from '@angular/core';
import { DisableTabDirective } from './disable-tab.directive';

@NgModule({
  declarations: [
    DisableTabDirective
  ],
  // 其他模块导入和导出等配置...
})
export class AppModule { }