角度：输入时模糊输入

Question

我得到了一个可编辑的单行标题，如下所示：

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

但是，当我按Enter键时，输入字段将保持其焦点。如何使它失去对输入的关注？

Answer 1

正如yurzui在评论中指出的那样：

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

Answer 2

您可以使用锐利符号创建直接引用元素的模板变量：

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