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();
  }

堆栈 Blitz :https://stackblitz.com/edit/angular-dwbjva

Answer 1

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