Typeahead Angular JS:在输入模糊后显示焦点上的结果

时间:2016-02-07 08:16:22

标签: javascript angularjs bootstrap-typeahead angular-ui-typeahead

Codepen demo

正如您所注意到的,如果您typeahead显示任何结果,则在模糊输入后,ng-repeat查询将被清除。 虽然我希望它隐藏但保留在那里,因为它可以在input重新聚焦时立即再次显示。

如何让typeahead不要清除ng-repeat列表?

Exact demo of functionality I am trying to achieve

  1. 输入任何字母
  2. 模糊输入
  3. 再次关注,相关搜索结果会立即显示。
  4. 它与我链接的codepen不同。

1 个答案:

答案 0 :(得分:0)

以下列方式编辑dismissClickHandler可解决此问题。

var dismissClickHandler = function (evt) {
    if (element[0] !== evt.target) {
        resetMatches();
        scope.$digest();
    } else if (element.val().length) {
        element.focus();
        hasFocus = true;
        getMatchesAsync(element.val());
    }
};