當“輸入”字段放置在“角度材料”選項卡中時，空格鍵在“輸入”字段中不起作用

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)它將完全正常工作