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

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 + Space键，则可以使用空格键。

Answer 1

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

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

在您的HTML文件(keydown)="handleInput($event)中 一定会的