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和autofocusing输入文本元素中使用指令读了一些参考。但它们对我没有帮助。

感谢您的回复。

Answer 1

试试这个

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

AngularJS输入自动对焦

1 个答案: