將焦點設置在輸入框 - 角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> 

及其返回真實cli CK在跨度上，但重點不工作。

重點：真正

屏幕截圖： 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