Focus on an input element by default on angular form load

[Ankit Dhingra]

I was trying to search for a way in which I can put the focus on a single form input element inside the html form.

There is the ofcourse the jquery way to do it on document ready, however

I was hoping that angularjs would have some directive for the same.

Regards,

Ankit.

[Toshihide Shimayama]

Have you tried html5 form autofocus attribute?
<input ng-model="text" autofocus/>

--tosh

[Ankit Dhingra]

Exactly what I was looking for! Thanks :)

[Thilagavathy R]

Thanks. it saved my time :)

[Luke Kende]

That's great for html5 browsers.  But what about when you want to select an input's text and that text doesn't get added until after an ajax call?  Here's a directive I created as one approach:

.directive('selectOnPageLoad',function($timeout){

return {

link: function(scope,element){

//wait until intial value is there, then select it, then clear the watch so doesn't keep doing it

var clearWatch = scope.$watch(

function(){ return $(element[0]).val(); },

function(value){

if (value){

element[0].select();

clearWatch();

}

}

)

}

}

})

[Daniel Wolf]

@Luke, this works great but no need for the dependence on jQuery

replaced $(element[0]).val(); with element[0].value.