being notified when ng-if is adding/removing element

Question

I use ng-if to add/remove a typehead input for inline edition purpose. the ng-if value is updated by a "edit" button

So, what is the best or recommended way to give focus to the text input, once it's added to the dom ?

thanks

Lionel

sorry , i have a misunderstanding to ng-focus. It's a event handler lik ng-click. I will delete my anwser. — Chen-Tsu Lin, Feb 20 '14 at 13:44
it seems that you need to add a directive yourself to trigger DOM focus. — Chen-Tsu Lin, Feb 20 '14 at 13:45

score 1 · Accepted Answer · edited May 23 '17 at 12:10

1

The current version of AngularJS doesn't have a focus directive.

But you can refer Input autofocus attribute

And create you own directive for this usage.

edited May 23 '17 at 12:10

Community

1
1

answered Feb 20 '14 at 13:48

Chen-Tsu Lin

22,876
16
53
63

score 0 · Answer 2 · answered Feb 21 '14 at 08:12

Following Chen-Tsu Lin comment, here is a small directive for focusing element once they're added (used with ng-if)

module.directive('inputFocus',['$timeout', function($timeout){
  'use strict';

  return {
    restrict: 'A',
    link: function(scope, elem){
      $timeout(function(){
        elem[0].focus();
      });
    }
  };
}]);

to use it:

<input type="text" input-focus ng-if="isShown"  />

and here is the JsBin http://jsbin.com/texujona/5/

being notified when ng-if is adding/removing element

2 Answers2