调用函数从typeahead失去焦点（Bootstrap UI）

Question

我正在使用Bootstrap UI的typeahead。每当从下拉列表中选择新选项或用户输入某个值时，我都需要调用不同的函数。所以，为此，我尝试使用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);
};