【问题标题】:How to use Selectize theme in ui-select?如何在 ui-select 中使用 Selectize 主题?
【发布时间】:2026-02-13 21:45:01
【问题描述】:

我在 angular.js 应用程序中将 selectize 主题应用于我的 ui-select 时遇到问题。我按照这里的说明进行操作 - https://github.com/angular-ui/ui-select 。这似乎很容易,但我无法显示输入,

演示 - http://plnkr.co/edit/TFKeMTCNVuginJ31IH80?p=preview

<ui-select multiple ng-model="multipleDemo.colors" theme="selectize" ng-disabled="disabled" style="width: 300px;">
<ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match> <!-- WHERE IS THE INPUT? -->
<ui-select-choices repeat="color in availableColors | filter:$select.search">
  {{color}}
</ui-select-choices>

那是我从 ui-select 分叉出来的演示。如您所见,输入未显示。 我在这里想念什么?

【问题讨论】:

  • 你有带模板的文件夹吗?

标签: angularjs angular-ui ui-select2


【解决方案1】:

我必须手动添加selectize css

【讨论】:

    【解决方案2】:

    如果您从代码中删除multiple,输入将显示,但所选项目将不可见,尽管输入下方的值显示正确选择。 我怀疑这里的 Selectize 主题确实有问题,或者这个主题不应该用于多个。

    当我想要有多个选择时,我个人使用 Select2 主题。甚至他们的官方Multiple demo 也只是 Select2 主题:UI-select Multiple Demo

    如果您真的想要 Selectize 主题 - 我建议您通过更改主题名称和其他任何可能需要的内容来使用该 Plunker(官方主题)以尝试使其正常工作。

    【讨论】:

    • 看来你是对的,当我恢复到 select2 主题时,问题就消失了。我真的很想使用 selectize 主题,因为它适合我的应用程序外观。我会尝试使用自定义类来设置样式