角进阶搜索框在选择建议的每个键盘键值后失去焦点。

Question

我已经实现了角高级搜索框(使用AngularJS 1.5.8、ui引导程序、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'] },
      {...}
    ];

}；

这里也是这个实现的推动者。我将参考这个例子来描述我的问题。

如果我在搜索字段中键入“city”并按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"}

这将导致在选择“city”之后出现超时。我不知道这个“查询”是用来做什么的--所有的事情都会做好他们的工作。但是，到那时，我会找到一个真正解决这个问题的方法:)