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 回答