1

我正在使用 ui-select(version 0.18.1) 插件（在单选模式下）

参考： https ://github.com/angular-ui/ui-select

我非常喜欢 UI 和功能，因为我们可以从绑定到该控件的选项列表中搜索我们需要的选项。

现在我的需要是我需要这个 UI-Select 控件作为 ComboBox 工作，即如果在项目列表中找不到搜索的项目，那么在按“ENTER”键时，项目应该添加到我们的基本项目列表中，并且应该通过默认。

我在单选模式下需要这个，我已经在谷歌上搜索了这个，但我能找到的只是 UI-Select 多模式和标签。

我不需要 UI-Select 中的标签，我需要它作为选项列表中的选项。

4

2 回答 2

0

我写了额外的指令 ui-combobox 并添加了一些配置

<ui-select 
  ng-model="ctrl.person.selected" theme="select2" 
  reset-search-input='false'
  ui-combobox="email"
 style="min-width: 300px" >
    <ui-select-match placeholder="...">
      {{ctrl.person.selected}}
      </ui-select-match>
    <ui-select-choices repeat="person.email as person in ctrl.people | propsFilter: {name: $select.search, age: $select.search}">
      <div ng-bind-html="person.name | highlight: $select.search"></div>
    </ui-select-choices>
  </ui-select>



    app.directive('uiCombobox', function() {
          return {
            require: 'uiSelect',
            link: function(s, e, a, uiSelect) {
              s.$watch(function() {
                return uiSelect.search
              },function() {
                if(!uiSelect.search) return;
                console.log(uiSelect.search);
                var obj = {};
                obj[a.uiSel] = uiSelect.search;
                s.$broadcast('uis:select', obj);
              });
            }
          }

        })
于 2017-10-24T19:21:42.610 回答
0

我找到了解决方案，

github 的 ui-select 库中已经提出了问题。

这是错误 - 使用 angularjs 1.3.2 时，没有多个新标签的标签不起作用，但它已经解决了，如果你下载最新的 ui-select 库，很可能已经解决了这个问题。

你也可以参观这个。

tagging-label="false"

这个可能会为您解决问题。

于 2016-08-12T10:09:18.067 回答