PROSAGA码农传奇-html/HTML5-如何在Angular Material中将tab键设为enter键？

如何在Angular Material中将tab键设为enter键？

作者: 敢嫁就敢娶
发布时间: 2025-02-22 01:03:56 (16天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    改进我的评论，并根据我们可以创建指令的响应
  </p>
   <pre>
    <code>
      import { Directive, AfterViewInit, OnDestroy, Optional } from '@angular/core';
import { MatAutocompleteTrigger } from '@angular/material';

@Directive({ selector: '[tab-directive]' })
export class TabDirective implements AfterViewInit, OnDestroy {
  observable: any;
  constructor(@Optional() private autoTrigger: MatAutocompleteTrigger) { }
  ngAfterViewInit() {
    this.observable = this.autoTrigger.panelClosingActions.subscribe(x => {
      if (this.autoTrigger.activeOption) {
        this.autoTrigger.writeValue(this.autoTrigger.activeOption.value)
      }
    })
  }
  ngOnDestroy() {
    this.observable.unsubscribe();
  }
}

</code>
  </pre>
  <P>
    你用：
  </p>
   <pre>
    <code>
      <input tab-directive type="text" matInput [formControl]="myControl" 
      [matAutocomplete]="auto" >

</code>
  </pre>
  <P>
    （看到
    <a href="https://stackblitz.com/edit/angular-txehk4?file=app%2Fautocomplete-display-example.ts" rel="nofollow noreferrer">
      stackblitz
    </A>
    ）
  </p>
</DIV>