Как написать общее событие фокуса для всех текстовых полей в приложении в угловых 2/4/5

Question

В настоящее время я написал директиву scrollIntoView для всех текстовых полей в приложении.Добавление директивы к тысячам текстовых полей в приложении является болезненным.

Есть ли какая-либо вещь перехватчика, где я могу перехватить все события фокуса текстового поля.

Answer 1

Я пробовал что-то подобное, и это работает.

import { Directive, OnInit, HostListener } from '@angular/core';

@Directive({
  selector: "[input[type='text']]"
})
export class InputTypeDirective implements OnInit{
  ngOnInit(){
    console.log('loading directive');
  }

  @HostListener('focus', ['$event'])
  onFocus(e){
    console.log(e);
  }
}

Шаблон:

<input type="text" [(ngModel)]="username" value="">

Также включите директиву как объявление в модуль.