自动完成由于角度块ui库而失去焦点

angular-block-ui http 阻止用户输入的请求。

我已经在我的网页上使用 input datalist 元素。我的问题是,每次我在自动完成中输入一个值 block-ui 不知何故导致了 控件 失去焦点并导致 控件 控件

块用户界面 将值输入到我的 输入 元素。

blockUI.stop();

https://github.com/McNull/angular-block-ui

然而,这是行不通的。有没有人遇到过同样的问题 并且能够解决它吗?我非常感谢任何有助于解决我的问题的反馈。

HTML:

<input id="product-code" class="col-md-2" type="text" placeholder="Product Code" name="productCode" list="search-list" ng-keyup="searchForProducts(productCode)" ng-model="productCode" />
<datalist id="search-list">
    <option ng-repeat="productCode in productCodeList" value="{{productCode}}">
</datalist>

JavaScript:

$scope.searchForProducts = function (productCode) {

    let code = productCode != undefined ? productCode : "";

    // when the product code is empty don't bother searching for products
    if (code != "") {

        worksOrderFactory.searchForProductCodes(productCode).then(function (data) {
            blockUI.stop();
            $scope.productCodeList = data;
        });
    }
};

我还使用了 blockUI.stop(); 在承诺之外,但仍然没有运气。

注意: 在测试过程中,我删除了 块用户界面 从我的网站自动完成工程所需的。