Фокусировка на input после ngShow

Question

[Александр Вульф]

Здравствуйте! Подскажите пожалуйста, как сделать .focus() на элементе input после показа его с помощью ngShow?

Answer 1

[EugeneOZ]

создайте директиву, которая будет делать element.focus() при условии expression==true и в её аттрибут передайте то же выражение, которое стоит в аттрибуте ng-show.
Например,

<div ng-show="tab=='superheroes'">
  <input type="text" data-focus-me="tab=='superheroes'" ng-model="hero.name" />
</div>

Смотрите пример здесь: plnkr.co/edit/6kHuj0?p=preview

Comments

[Александр Вульф]

Спасибо, как же я сразу до этого не додумался?

[Александр Вульф]

Решил не усложнять новой директивой (т.к. это нужно лишь в 1 месте) и воспользовался setTimeout, установив время в 0мс.

Answer 2

[Антон]

Вот здесь stackoverflow.com/questions/16393527/angular-event-for-ng-hide-and-ng-show есть пример директивы, которая создает событие при показе/скрытии элемента, может пригодится?

Comments

[Александр Вульф]

Спасибо:)