2014-09-19 75 views
1

目前我正在學習AngularJS。我在自動對焦元素時遇到問題。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和使用僞指令自動聚焦輸入文本元素的一些參考。但他們對我沒有什麼幫助。

感謝您的回覆。

回答

0

試試這個

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

我很抱歉。但它不起作用。 – asubanovsky 2014-09-19 15:13:11