Как на angular, вызвать событие focus на input?

Question

[Артём Щурин]

Здравствуйте!

С angular знаком недавно, хочу сделать так:
$('input').focus()

не однократно читал, мол не надо из контроллера DOM менять, все его изменения идут через view
среди стандартных директив не нашел, ту которая бы могла установить фокус на элемент при выполнении определенного условия

как выйти из этой ситуации?
писать совю директиву?

Answer 1

[Сергей Протько]

писать совю директиву?

да, именно так.

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

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

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

Comments

[Артём Щурин]

Сергей, как 'focus-on-enter' стала атрибутом определяеющим директиву, при создании при создании ни где не было указано это значение?

[Alexander Tartmin]

Артём Щурин: .directive('focusOnEnter', focusOnEnter) очень даже указано =)

[Alexander Tartmin]

Артём Щурин: ангулар автоматически это focusOnEnter определяет как это focus-on-enter

[Сергей Протько]

Артём Щурин: по дефолту ангуляр разрешает юзать директиву как элемент или атрибут для элемента. За этим вопросом лучше обратиться к документации или к одной из сотен статей в интернетах.

[Артём Щурин]

Сергей Протько: Спасибо, за объяснения, про то чем могут быть директивы знаю, прост был удивлен как так мо, писали одно пользуем другое)