angular ui select is not working

Question

I am using angular ui select https://github.com/angular-ui/ui-select in my project. I am using ui-select directive

My code:

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

I want to use ui-select So I did,

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

But it is not working. How to use ng-options in ui-select

Thanks!!

Can you add this code in fiddler? – Ramesh Rajendran Sep 07 '15 at 06:22 — Ramesh Rajendran, Sep 07 '15 at 06:22
sure.. let me try... – Javascript Coder Sep 07 '15 at 06:23 — Javascript Coder, Sep 07 '15 at 06:23

score 1 · Accepted Answer · edited May 23 '17 at 11:52

1

Please use ui-select-choices instead of ng-options. Lets try the below code, instead of yours

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

More details, please read this discussion

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

edited May 23 '17 at 11:52

Community

1
1

answered Sep 07 '15 at 06:29

Ramesh Rajendran

37,412
45
153
234

Expected expression in form of '_item_ in _collection_[ track by _id_]' but got 'f for f in ['light','hpexp']'. Getting this error – Javascript Coder Sep 07 '15 at 06:40
Thanks, Try this `repeat="f in ['light','hpexp']"` – Ramesh Rajendran Sep 07 '15 at 06:58
but on select of any option.. {{$select.style}} it is not displaying anything.. if you can help it will be awesome – Javascript Coder Sep 07 '15 at 07:11

angular ui select is not working

1 Answers1