如何從ng2應用獲取按鍵？

Question

我在簡單的ng2應用中按下鍵時遇到問題。

我只想查看每次按下哪個鍵。

我使用重點事件和重點事件創建了標記，以獲取按下哪個關鍵字（字母）的方法：

<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;      
}