Как убрать фокус из текстового поля, когда пользователь нажимает ESC angular 5

Question

Мне нужно удалить фокус из поля ввода текста у пользователя нажатием клавиши ESC.Я не знаю, как это сделать с полями ввода текста.Ниже код отлично работает, чтобы обнаружить нажатие клавиши ESC.

// Triggered Listener to detect event raised from DOM.
@HostListener('document:keydown', ['$event']) onKeydownHandler(event: 
KeyboardEvent) {
 if (event.keyCode === 27) {
    return false;
  }
}

Кто-нибудь может помочь, как это сделать ??Спасибо

Answer 1

Вы можете вызвать метод blur поля ввода в обработчике события keydown.escape:

<input #txtInput (keydown.escape)="txtInput.blur()">

См. этот стек демо.