Hello I am trying ng_focus on click button like
Input Box Code:
<input type="text" placeholder="" class="promocode" ng-focus="focus" ng-model="text" value="" />
Button Code:
<span ng-click="text = 'sheetesh'; focus=true"> Sheetesh </span>
<p>focus: {{focus}}</p>
And Its return true click on span but focus is not work.
focus: true
Screen Shot: its showing like that
Try this:
<input id="myInput" type="text" placeholder="" class="promocode" ng-model="text" value="" />
<span ng-click="text = 'sheetesh'; document.getElementById('myInput').focus();"> Sheetesh </span>
Alternative version with angular.element:
<span ng-click="text = 'sheetesh'; angular.element('#myInput').focus();"> Sheetesh </span>
you not need to set focus. just add 'tabindex' attribute to element then automatically focus will go on element on
<input id="myInput" type="text" placeholder="" class="promocode" ng-model="text" value="" />
<span ng-click="text = 'sheetesh';" tabindex="0"> Sheetesh </span>onclick
ng-focusis not for setting focus. It's likeng-click. Value ofng-focuswill be executed when focus event occurs.