angular ui select 无效

Question

我在我的项目中使用 angular ui select 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所以我用了,

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

但它不起作用。如何在 ui-select

中使用 ng-options

谢谢！！

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>

更多详情，请阅读此讨论

angular ui select 无效

angular ui select is not working

javascript

jquery

angularjs

angular-ui-select