2017-09-22 12 views
1

Angular Materialドキュメントmd-selectには、キーボードの操作があります:前のオプションを選択するには上矢印、次のオプションを選択するには下矢印、オプションを選択するにはスペース/入力を選択します。このキーボードの操作を無効にする必要があります。それを無効にする方法はありますか?あなたのmd-option角度4でmd-selectのキーボード操作を無効にする方法は?

答えて

3

(keydown)="$event.stopPropagation()"を追加します。

<md-select placeholder="Favorite food" > 
    <md-option *ngFor="let food of foods" [value]="food.value" 
      (keydown)="$event.stopPropagation()" > 
    {{ food.viewValue }} 
    </md-option> 
</md-select> 

リンクworking demoに。

+0

上記の回答は技術的には正しいですが、アクセシビリティの問題から、キーボードの機能を無効にしないようにしてください。マウスを使用できないユーザーを考えてみましょう。ユーザーはアプリケーションとどのように対話しますか? –

関連する問題