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

时间:2019-03-05 10:41:26

标签: angular angular-material angular7

我在“角度材质”选项卡中有一个输入字段-

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

enter image description here

1 个答案:

答案 0 :(得分:2)

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

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

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