angularjs - Angular ui-select 选择模糊

Question

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

Answer 1

您可以向 ui-select 元素添加另一个指令，如下所示:

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

然后像这样实现:('if'是从_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，您需要以不同的方式选择输入)