Angularプロジェクトがあり、矢印キーにいくつかの関数を実装したいので、(keyup.[keyCode])="Move(itemArray, 'UP')
_where [keyCode]は矢印キーの1つのコードを表す_のようなものを使用しようとしましたが、何も機能しません。これを使用するテンプレートを次に示します。
テンプレート(HTML)
<div (keyup.38)="Move(itemArray, 'UP')"
(keyup.37)="Move(itemArray, 'LEFT')"
(keyup.40)="Move(itemArray, 'DOWN')"
(keyup.39)="Move(itemArray, 'RIGHT')">
<div>
<div class="score">
<span>Best:</span>
{{best}}
</div>
<div class="score">
<span>Score:</span>
{{score}}
</div>
</div> <br>
<div class="game-container">
<div class="grid-container">
<div *ngFor="let item of itemArray">
<div class="grid-cell-{{item.level|number}}">
<span>{{item.level}}</span>
</div>
</div>
</div>
</div>
<div class="button-container">
<div>
<button class="empty"></button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'UP')">Up</button>
</div>
<div>
<button class="empty"></button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'LEFT')">Left</button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'DOWN')">Down</button>
</div>
<div>
<button class="control-button" (click)="Move(itemArray, 'RIGHT')">Right</button>
</div>
</div>
</div>
Angularの関連するプルリクエストを調べたところ、この機能はキーコードをサポートしておらず、キー名のセットのみをサポートしているという印象を与えました。
(keyup.arrowup)="Move(itemArray, 'UP')"
(keyup.arrowleft)="Move(itemArray, 'LEFT')"
(keyup.arrowdown)="Move(itemArray, 'DOWN')"
(keyup.arrowright)="Move(itemArray, 'RIGHT')"
数字の代わりに名前が使用されていることに注意してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加