Question

我已经像演示页面一样实现了angular-advanced-searchbox（使用AngularJS 1.5.8，ui-bootstrap，JQuery）：

HTML

<nit-advanced-searchbox ng-model="searchParams" parameters="availableSearchParams" placeholder="Search..."></nit-advanced-searchbox>

脚本

$scope.availableSearchParams = [
      {...},
      { 
        key: "city", 
        name: "City", 
        placeholder: "City...", 
        restrictToSuggestedValues: true, 
        suggestedValues: ['Berlin', 'London', 'Paris'] },
      {...}
    ];

};

Here也是此实现的一个Plunker。我将参考这个例子来描述我的问题。

如果我输入＆＃39; city＆＃39;在搜索字段中，通过按Enter键选择它，然后我会看到建议的值列表（柏林，伦敦，巴黎）大约一秒钟然后焦点丢失和选定的键值（ city）自动删除。如果鼠标指针停留在搜索输入字段上（没有任何操作），似乎不会发生这种情况。

有了这个问题，我无法在我的网站上使用此模块 - 但我真的想:)有任何建议吗？

Answer 1

好的，这个（低级别）修复对我有用 - 我刚刚评论了第107行（）：

angular-advanced-searchbox-tpls.js [＃107]

$scope.searchQueryChanged = function (query) {
    // updateModel('change', 'query', 0, query);
};

此行用于构建“预查询”。如果您开始输入“city”，则searchParams的范围会动态生成临时查询，并将更改为所选键 - g.E。：

{"query":"ci"}

这将在选择“城市”后导致超时。我不知道这个'查询'用于 - 所有事情都将进一步完成他们的工作。但是到时候我会寻找一个真正解决这个问题的方法：）

选择每个键盘的建议键值后，Angular高级搜索框将失去焦点

1 个答案: