当输入字段放置在“角度材质”选项卡内时，空格键在输入字段中不起作用

Question

我在角度材料选项卡内有一个输入字段 -

<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+空格键，则空格键起作用。

Answer 1

只需在 TS 文件中使用以下代码即可

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

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