Focus on input after ngShow

Question

JavaScript

Hello! Can you please tell me how to do .focus()on the input element after showing it with ngShow?

Answer 1

create a directive that will do element.focus() if expression==true and pass the same expression to its attribute that is in the ng-show attribute.
For example,

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

See an example here: plnkr.co/edit/6kHuj0?p=preview

Answer 2

Here stackoverflow.com/questions/16393527/angular-event-for-ng-hide-and-ng-show there is an example of a directive that fires an event when an element is shown/hidden, can it be useful?