代码之家  ›  专栏  ›  技术社区  ›  Mukesh Kumar

如何使angular uib typeahead在绑定模型后立即显示建议?

  •  3
  • Mukesh Kumar  · 技术社区  · 10 年前

    我在这里执行搜索。当用户在输入框中输入字符时,在ng change事件中,我点击api,获取模型并将其绑定到uib typehead。现在我想要的是,当我绑定模型uib typehead时,它应该立即开始为输入框中已经输入的字符建议选项,就像谷歌一样。它没有这样做,而是继续等待下一个角色,以便触发事件。

    注: 输入2个字符后,我停止使用API。

    输入代码

    <input id="tbSearchBox" name="tbSearchBox" type="text" ng-model="selected" ng-change="keyPressed()" uib-typeahead="x.x for x in securities | filter:$viewValue | limitTo:8" typeahead-on-select="selectedSecurity($item, $model, $label)">

    在上面的代码中,ng更改允许我在文本更改时捕获事件,并点击API获取模型。

    我在网络上查看了各种解决方案,如焦点显示建议或单击按钮,但没有一个是模型后绑定触发器。可能会有一些破解,但我想要最好的,纯角度的。不想在这种情况下使用jQuery jsut。

    TIA公司

    1 回复  |  直到 7 年前
        1
  •  0
  •   Mukesh Kumar    7 年前

    我一直在寻找答案,但没有任何直接的解决方案。我不知怎的在这里找到了一个技巧来完成它。通过对文本框的事件触发器进行输入/单击,可以进行编程。

    $scope.$watch("securities", function () {
        angular.element('#tbSearchBox').trigger('click');
    });
    

    现在,只要模型发生变化,它就会添加满足目的的触发器。