angular - 当输入字段放置在 Angular Material 选项卡内时，空格键在输入字段中不起作用

Question

我在 Angular Material 选项卡内有一个输入字段 -

<mat-tab-group     headerPosition="below">
    <mat-tab *ngFor="let sheet of sheets; let index = index">
        <ng-template mat-tab-label>            
            <input type="text" (keydown)="onkeypress($event)">
        </ng-template>
    </mat-tab>
</mat-tab-group>

除空格键外，所有按键事件均正常工作。当我尝试按空格键时。

注意:如果我按 Ctrl+Space 键，空格键有效。

Answer 1

只需在您的 TS 文件中使用以下代码

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

在你的 HTML 文件中 (keydown)="handleInput($event)它肯定会起作用