javascript - Angular : Dropdown menu closes too quickly after input loses focus

Question

我正在尝试构建一个带有下拉菜单的搜索输入。我已将菜单设置为在输入框失去焦点时关闭。

问题:当我点击下拉菜单中的链接时，菜单甚至在任何事件注册之前就关闭了。

// Search input box
<input type="text" ng-blur="lostFocus()" eva-search />

// Dropdown menu
<div class="component-styleWrap"
     ng-click="$event.stopImmediatePropagation(); $event.stopPropagation()">
  <li>Example Link</li>
  <li>Example Link</li>
</div>

Answer 1

如果您只是想延迟调用 lostFocus() 的效果，那么超时就足够了。

app.controller("myController", function ($scope,  $timeout) {
    $scope.lostFocus = function () {
        $timeout(function () {
            //whatever your code needs to do goes here.
        }, 100);
     });
});

你真的不需要里面的 100。为了安全起见，我只是添加了这一点。如果可以，请尝试不使用 100。