如何從ng2應用程序中按下按鍵？

Question

我在使用簡單的ng2應用程序時遇到了按下按鍵的問題。

我只是想每次檢查哪個鍵被按下。

我創建與keyup事件集中輸入標記爲被按下越來越哪個鍵（字母）：

<input type="text" class="input-letter" id="input-letter" #box (keyup)="onKey(box.value)"> 
<div> 
    {{key}} 
</div> 

它的工作原理，但我希望得到一個鍵值每次，並明確當前鍵值，在所有鍵/字母都附加到關鍵變量的時刻。

我試過使用下面的方法，如clearKey()，但它不工作。

clearKey(): void{ 
    this.key = null; // I tried to use ' ' instead null 
} 

onKey(value: string): void { 
    this.clearKey(); 
    this.key = value;  
} 

感謝您的任何建議，我做錯了什麼。

Answer 1

將鍵盤事件傳遞給onKey函數，而不是輸入值。

<input type="text" class="input-letter" id="input-letter" #box (keyup)="onKey($event)"> 
<div> 
    {{key}} 
</div> 

然後

onKey(e: KeyboardEvent): void { 
    this.clearKey(); 
    this.key = e.key;  
}