如何在ui-select中使用Selectize主题?

时间:2014-10-12 08:41:27

标签: angularjs angular-ui ui-select2

我有问题将selectize主题应用到angular.js应用程序中的ui-select。我按照这里的指示 - https://github.com/angular-ui/ui-select。这似乎很容易,但我无法显示输入,

DEMO - 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的分叉的演示。如您所见,输入未显示。 我想念的是什么?

2 个答案:

答案 0 :(得分:2)

我必须手动添加selectize css

答案 1 :(得分:0)

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

当我想要多个选择时,我个人使用Select2主题。即使他们的官方Multiple demo仅限Select2主题:UI-select Multiple Demo

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