AngularJS輸入自動對焦

Question

目前我正在學習AngularJS。我在自動對焦元素時遇到問題。

我的想法是：

如果點擊span元素，它是藏和它所觸發的出現（支持自動對焦）的輸入元素。

這裏是我迄今所取得的代碼：我有工作

<table> 
      <thead> 
       <tr> 
        <th>Words</th> 
       </tr> 
      </thead> 
      <tr> 
       <td ng-if="!edit" class="animate-if"> 
        <span ng-click="$parent.edit = true" style="border: none;"> Some words </span> 
       </td> 
       <td ng-if="edit" class="animate-if"> 
        <input type="text" value="Some words" ng-blur="$parent.edit = false" style="background: #d7d7d7;"> 
       </td> 
      </tr> 
</table> 

，但輸入文本元素出現後，不會立即自動聚焦。我已閱讀show/hide和使用僞指令自動聚焦輸入文本元素的一些參考。但他們對我沒有什麼幫助。

感謝您的回覆。

Answer 1

試試這個

<input type="text" value="Some words" ng-focus="$parent.edit = true" ng-show="$parent.edit = true" style="background: #d7d7d7;">