AngularJS UI-選択は（<strong>単一選択モード</strong>中）コンボボックス

Question

私はUI-selectを使用してい

（バージョン0.18.1）プラグインが

は参考として：https://github.com/angular-ui/ui-select

私はUIと機能を好き私たちが必要とするオプションを、そのコントロールにバインドするオプションのリストから検索できるからです。

ComboBoxとして機能するには、このUI-Selectコントロールが必要です。つまり、検索されたアイテムがアイテムのリストに見つからない場合、 'ENTER'キーを押すとアイテムが基本アイテムリストに追加され、デフォルトで選択する必要があります。

私はシングル選択モードでこれを必要としていますが、私はこれをGoogleで検索しましたが、UI選択のための複数のモードとタグ付けがあります。

UI-Selectではタグは必要ありません。オプションのリストにオプションとして必要です。私はこれの解決策を見つけ

Answer 1

、

issueはすでにgithubののUI選択のライブラリに提起されてきました。

これはバグでした - 新しいタグで複数のタグを付けないタグ付けは、angularjs 1.3.2を使用すると機能しませんでしたが、解決されました。最新のui-selectライブラリをダウンロードすると、おそらくこの問題は解決しました。

thisもご覧ください。

tagging-label="false" 

これはあなたのためのトリックかもしれません。

Answer 2

私は、追加のディレクティブUI-コンボボックスをwritedし、応答のためのいくつかの設定

<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); 
       }); 
      } 
      } 

     })