How to trigger focus event on input in angular?

Question

JavaScript

Hello!
I’m familiar with angular recently, I want to do this:
$('input').focus()
I read it more than once, they say you don’t need to change from the DOM controller, all its changes go through the view
among the standard directives, I didn’t find one that could set focus on an element when a certain condition is met,
how to get out of this situation ?
write your own directive?

Answer 1

write your own directive?

Yes exactly.

angular.module('app')
    .directive('focusOnEnter', focusOnEnter)
;

function focusOnEnter() {
     return (scope, el) => {
         el.focus();
     }
};

<input focus-on-enter type="text" />