代码之家 › 专栏 › 技术社区 › zer0

角度材质2选项卡标签中的输入不允许空格

angular-material2 angular

2

zer0 · 技术社区 · 8 年前

我在选项卡标签中有一个输入,注意到它不允许空格。我试过了 event.stopPropagation(); 但它不起作用。有解决办法吗?

HTML:

<mat-tab-group>
  <mat-tab>
    <ng-template mat-tab-label>
      Tab Label: 
      <input type="text" (input)="handleInput($event)">
    </ng-template>
    <h1>Tab</h1>
    <p>Try entering a space in the input above</p>
  </mat-tab>
</mat-tab-group>

技术支持:

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

斯塔克布里茨 以下内容: https://stackblitz.com/edit/angular-dwbjva

2 回复 | 直到 8 年前

1

G. Tranter 8 年前

使用(键向下)而不是(输入)。

2

-1

William Aguera 8 年前

我刚换了你的Stackblitz。你用错了方法。试着这样做。

<mat-tab-group>
  <mat-tab label="Tab 1">
      <input type="text" (keyup)="handleInput($event)">
  </mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>