Как использовать тему Selectize в ui-select?

у меня проблема с применением темы selectize к моему ui-select в приложении angular.js. Я следовал инструкциям здесь - 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>

that's the demo that i forked from ui-select's. As you can see, the input doesn't show up. What I miss here ?


angularjs angular-ui ui-select2
person DennyHiu    schedule 12.10.2014    source источник
comment
У вас есть папка с шаблонами на месте?   -  person developer10    schedule 12.10.2014

Ответы (2)


arrow_upward
2
arrow_downward

Мне пришлось включить selectize css вручную.

person rttmax    schedule 02.06.2015

arrow_upward
0
arrow_downward

Если вы удалите multiple из кода, ввод будет отображаться, но выбранный элемент не будет виден, хотя значение под вводом показывает правильный выбор. Я подозреваю, что здесь что-то действительно не так с темой Selectize ИЛИ эта тема не должна использоваться для нескольких.

Лично я использую тему Select2, когда хочу иметь несколько вариантов выбора. Даже их официальная Multiple demo – это только тема Select2: UI-select Multiple Demo

Если вам действительно нужна тема Selectize — я предлагаю вам поиграть с этим Plunker (официальным), изменив название темы и все остальное, что может понадобиться, чтобы попытаться заставить ее работать.

person developer10    schedule 12.10.2014
comment
кажется, вы правы, когда я вернусь к теме select2, проблема исчезнет. Я действительно хочу использовать тему selectize, так как она соответствует внешнему виду моего приложения. Я попытаюсь использовать пользовательский класс для его стилизации. - person DennyHiu; 12.10.2014