javascript - Angular: Fjern fokus fra input ved trykk på enter

Jeg fikk en redigerbar enlinjes overskrift som dette:

<h1 class="headline" contenteditable="true" [textContent]="headline.name" (input)="headline.name=$event.target.textContent" (keydown.enter)="submit();false">

Men når jeg trykker på enter, beholder inputfeltet fokus. Hvordan kan jeg få det til å miste fokus når jeg trykker enter?

Svar #1

Som yurzui påpekte i kommentarene:

(keydown.enter)="$event.target.blur();submit();false"

Svar #2

Du kan bruke skarpt symbol for å lage en malvariabel som refererer direkte til elementet:

<input type="text" #search (keyup.enter)="search.blur()">