Set focus in input box using on click - Angular js

Question

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

`ng-focus` is not for setting focus. It's like `ng-click`. Value of `ng-focus` will be executed when focus event occurs. — Egan Wolf, Jan 08 '16 at 07:11

score 3 · Answer 1 · edited Jan 08 '16 at 07:31

3

document.getElementById

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>

angular.element

Alternative version with angular.element:

<span ng-click="text = 'sheetesh'; angular.element('#myInput').focus();"> Sheetesh </span>

edited Jan 08 '16 at 07:31

borracciaBlu

4,017
3
33
41

answered Jan 08 '16 at 07:16

Egan Wolf

3,533
1
14
29

I have already use it but its not working. sheetesh – RITU Jan 08 '16 at 07:42
@RITU are there any errors in console? Did you try the first solution? – Egan Wolf Jan 08 '16 at 07:48
yeah i tried Not showing any error in console but not working . – RITU Jan 08 '16 at 09:37

score 0 · Answer 2 · answered Jan 08 '16 at 11:11

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

Set focus in input box using on click - Angular js

2 Answers2

document.getElementById

angular.element