javascript - angularjs - 单击按钮时保持专注于输入

Question

我试图在单击一个 div 按钮时将焦点保持在文本区域上。

<input type="text" ng-model="myText" id = "area1" ></input>

我的按钮是由模板在指令中动态生成的，

 <my-buttons > </my-buttons>

app.directive('myButtons', function () {
    return {
        restrict: "E",
        templateUrl: "templates/buttons.html"
        link: function ($scope) {}
    };
});

模板是

<div>
    <div>
        <div ng-click="submitResult();">
            <div ng-style="color:red"> <span>OK</span>
            </div>
        </div>
    </div>
</div>

当我点击提交时，它会从输入中移除焦点，但我希望焦点保留在输入的原处。我知道我们可以通过

设置焦点

document.getElementById("id").focus();

我是否必须向 myButtons 指令添加一个属性并传递输入的 id，或者在 angularjs 中是否有任何其他解决方法。页面上可以有很多这样的输入和按钮。

Answer 1

即使另一个控件需要焦点，也没有 Angular 方法告诉元素不要失去焦点。您需要通过手动处理 blur 事件自行实现此功能。