Как управлять состояниями фокусировки на компонентном компоненте Angular 2?

Question

Я не могу найти способ управлять через Angular 2, как пользовательский ввод получает фокус от label (и его атрибута for) и как управлять этими состояниями.

Я пытаюсь дать то же самое фокус-и-размытие, что и у обычного. Есть идеи по этому поводу?

Спасибо!

Answer 1

HTML имеет атрибут tabindex, который делает любой элемент ориентируемым. http://w3c.github.io/html/editing.html#the-tabindex-attribute

Тогда в компоненте вы можете слушать фокус события:

@HostBinding('tabindex') tabindex = -1; 

@HostListener('focus') 
focusHandler() { 
    alert('focused!'); 
}