使用单击 - 角度js将焦点设置在输入框中

Question

您好我在点击按钮上尝试ng_focus

输入邮政编码：

 <input type="text" placeholder="" class="promocode"    ng-focus="focus"  ng-model="text"  value="" /> 

按键代码：

<span ng-click="text = 'sheetesh'; focus=true"> Sheetesh </span>
<p>focus: {{focus}}</p>

它返回true是单击span但是焦点不起作用。

焦点：是的

屏幕截图：      its showing like that

Answer 1

的document.getElementById

试试这个：

<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

使用angular.element的替代版本：

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

Answer 2

你不需要设置焦点。只需在元素中添加'tabindex'属性即可 然后自动对焦将继续

上的元素

<input id="myInput" type="text" placeholder="" class="promocode" ng-model="text" value="" />

<span ng-click="text = 'sheetesh';" tabindex="0"> Sheetesh </span>

onclick