从 typeahead 失去焦点时调用函数 (Bootstrap UI)

Question

我正在使用 Bootstrap UI 的预输入功能。每当从下拉列表中选择新选项或用户输入某个值时，我都需要调用不同的函数。因此，为此我尝试使用 ng-blur。如果我们输入 2 或 3 个字符并要从下拉列表中进行选择，那么 ng-blur 会被这 2 或 3 个字符以及在进行选择后触发。我只想在输入框失去焦点后触发该功能。

<input type="text" ng-model="$parent.selected" placeholder="Select a value..." typeahead="text for text in getOptions($viewValue)" required ng-blur="getDifferentFunction($parent.selected)" typeahead-editable="true" />

有什么帮助或建议吗？

Answer 1

为on-blur函数添加一个超时时间，这样你就可以得到500ms的选定更改更新。由于 javascript 并行运行，它应该做得很好。

function onBlurAction(){
  setTimeout(function(){ 
    //your code here
  }, 500);
};