Angular 2 keyup.enter für div tag

Question

Ich muss eine Funktion aus ausgewählten div Enter-Taste gedrückt werden. Ich habe den folgenden Code geschrieben, aber es funktioniert nicht.

Wie wird diese Funktion ausgelöst, wenn div enter key gedrückt wird?

Answer 1

überprüfen Sie diese Antwort. How to bind keyboard events to div elements?.

Verwendung tabindex: The tabindex global attribute is an integer indicating if the element can take input focus (is focusable)

Answer 2

versuchen diesen Code. Hilft das. html

<div class="data_card" *ngIf="!Add.showEdit" (keydown)="handleKeyboardEvent($event)"> 

// Komponente

@HostListener('document:keydown', ['$event']) 
    handleKeyboardEvent(event: KeyboardEvent): void { 
     if (event.keyCode === 13) { 
      **// do your code here** 
     } 
    }