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;">