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>

我可以使用它，但是輸入文本元素出現后不會立即自動聚焦。 我已經閱讀了一些有關使用偽指令的顯示/隱藏和自動聚焦輸入文本元素的參考。 但是他們對我沒有真正的幫助。

感謝您的答復。

Answer 1

嘗試這個

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