javascript - 如何防止 ngBlur 首先触发

Question

据说我有一个像这样的输入文本标记:

<input type="text" ng-focus="x = true" ng-blur="x = false">

所以当你点击它时，这个div就会出现:

<div ng-show="x === true">
    <ul>
        <li ng-click="choose(1)">First</li>
        <li ng-click="choose(2)">Second</li>
        <li ng-click="choose(3)">Third</li>
    </ul>
</div>

发生的情况是，当我单击列表中的一个选项时，div 会被隐藏，因为文本字段中的 ng-blur 被触发，因此，选项中的 ng-click 不会被执行(或者这就是我的代码中发生的情况)情况)。有什么解决方法吗？谢谢。

Answer 1

一种破解方法是将您的 ngBlur 置于 $timeout 中，将其推回到一个摘要中。

<input type="text" ng-focus="x = true" ng-blur="hideFields()">

function hideFields() {
    $timeout(function() {
        $scope.x = false;
    });
}