Angular 2カスタム入力コンポーネントでフォーカス状態を管理するにはどうすればよいですか？

Question

カスタム入力がlabel（およびそのfor属性）からどのようにフォーカスを得るのか、それらの状態を管理する方法を角度2で管理する方法が見つかりません。

私は、レギュラーと同じ焦点とぼかしの動作を与えようとしています。その上の任意のアイデア？

ありがとうございます！

Answer 1

HTMLにはtabindex属性があり、どの要素にもフォーカスが設定されます。 http://w3c.github.io/html/editing.html#the-tabindex-attribute

次にコンポーネントで、あなたはフォーカスイベントを聞くことができます。

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

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