угловой ui select не работает

Question

Я использую угловой ui, выбираю https://github.com/angular-ui/ui-select в своем проекте. Я использую ui-select директиву

Мой код:

<select class="input-small" ng-model="dashboard.style" ng-options="f for f in ['light','hpexp']" ng-change="styleUpdated()"></select> 

Я хочу использовать пользовательский интерфейс, выберите Так что я сделал,

<ui-select id="viewSelector" 
    class="viewSelector input-small" 
    ng-model="dashboard.style" 
    ng-options="f for f in ['light','hpexp']" 
    ng-change="styleUpdated()" 
    theme="selectize"> 
<ui-select-match placeholder="-- Select --"> 
    {{$select.style}}</ui-select-match> 
</ui-select> 

Но это не работает. Как использовать ng-options в ui-select

Спасибо!

Answer 1

Пожалуйста, используйте ui-select-choices вместо ng-options. Попробуем ниже код, вместо того, чтобы ваш

<ui-select id="viewSelector" 
     class="viewSelector input-small" 
     ng-model="dashboard.style" 
     ng-change="styleUpdated()" 
     theme="selectize"> 
    <ui-select-match placeholder="-- Select --"> 
     {{$select.style}}</ui-select-match> 
    <ui-select-choices repeat="f for f in ['light','hpexp']"> 
      <div ng-bind-html="f"></div> 
     </ui-select-choices> 
    </ui-select> 

Более подробную информацию, пожалуйста, прочитайте это обсуждение

Angularjs and UI-Select: how to select an option from code