Angular ui-select在模糊上选择

Question

我正在使用ui-select，并希望在用户从输入中单击时（即ui-select-search上的模糊事件）选择列表中的第一个选项。目前，选择框保持打开状态，直到用户列出或做出选择。

Answer 1

您可以添加其他指令到用户界面，选择元素，像这样：

<ui-select select-on-blur ... 

然后，像这样实现的：（的“如果”从_handleDropDownSelection方法复制）

.directive('selectOnBlur', function() { 
    return { 
     require: 'uiSelect', 
     link: function(scope, elm, attrs, ctrl) { 
      elm.on('blur', 'input.ui-select-search', function(e) { 
       if(ctrl.open && (ctrl.tagging.isActivated || ctrl.activeIndex >= 0)){ 
        ctrl.select(ctrl.items[ctrl.activeIndex]); 
       } 
       e.target.value = ''; 
      }); 
     } 
    }; 
}) 

（注意：这只适用于jquery，如果没有jquery，你需要以不同的方式选择输入）