2

angular ui-select を使用しており、ユーザーがオートコンプリートを使用してオプションを選択できるようにしたいだけでなく、カスタム オプションを入力できるようにしたいと考えています。

次のように、タグ付けを有効にし、タグ付けラベルを使用せずにコントロールを構成しました。

<ui-select multiple tagging tagging-label="false" ng-model="colors" theme="bootstrap" style="width: 300px;" title="Choose a color">
  <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
  <ui-select-choices repeat="color in availableColors | filter:$select.search">
        {{color}}
  </ui-select-choices>
</ui-select>

以下は plunkr の例です: http://plnkr.co/edit/YW7WloZCds1XIOS6UsNs?p=preview

問題は、使用可能な色に存在する単語を入力して Enter キーを押しても、そのオプションが選択されないことです。

plunkr で、 Blueと入力して Enter キーを押すと、これを確認できます。

どこが間違っていますか？

4

1 に答える 1

3

これは、 の使用に関連する既知のバグのようtagging-label="false"です。このオプションを削除すると正しく機能するか、回避策が見つかる可能性があります。

https://github.com/angular-ui/ui-select/issues/770

于 2015-07-14T15:34:01.077 に答える