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，你需要以不同的方式選擇輸入）