Detect Input Focus Using Angular 2+

Question

I\'m trying to create an auto-complete list that appears as you type, but disappears when you click elsewhere on the document. How do I detect that a form input is focused u

Answer 1

You can use the ngControl directive to track change-state and validity of form fields.

The NgControl directive updates the control with three classes that reflect the state.

State: Control has been visited

ng-touched
ng-untouched

State: Control's value has changed

ng-dirty
ng-pristine

State: Control's value is valid

ng- valid
ng- invalid