angular - Angular Material 2 选项卡标签中的输入不允许使用空格

Question

我在标签标签中有一个输入，并注意到它不允许空格。我试过了，event.stopPropagation();但没有用。有解决方法吗？

HTML：

<mat-tab-group>
  <mat-tab>
    <ng-template mat-tab-label>
      Tab Label: 
      <input type="text" (input)="handleInput($event)">
    </ng-template>
    <h1>Tab</h1>
    <p>Try entering a space in the input above</p>
  </mat-tab>
</mat-tab-group>

TS：

handleInput(event: KeyboardEvent): void{
    event.stopPropagation();
  }

堆栈闪电战：https : //stackblitz.com/edit/angular-dwbjva

标签： angularangular-material2

Answer 1

使用 (keydown) 而不是 (input)。