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
– Ramesh Rajendran

2015-09-07 06:22:58 +00:00
Commented Sep 7, 2015 at 6:22 — Ramesh Rajendran
– Ramesh Rajendran, Commented Sep 7, 2015 at 6:22
sure.. let me try...

FrontEnd Expert
– FrontEnd Expert

2015-09-07 06:23:51 +00:00
Commented Sep 7, 2015 at 6:23 — FrontEnd Expert
– FrontEnd Expert, Commented Sep 7, 2015 at 6:23

Community · Accepted Answer · 2017-05-23 11:52:13Z

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, 2017 at 11:52

CommunityBot

11 silver badge

answered Sep 7, 2015 at 6:29

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

FrontEnd Expert Over a year ago

Expected expression in form of 'item in collection_[ track by _id]' but got 'f for f in ['light','hpexp']'. Getting this error

Ramesh Rajendran Over a year ago

Thanks, Try this repeat="f in ['light','hpexp']"

FrontEnd Expert Over a year ago

but on select of any option.. <ui-select-match placeholder="-- Select Style--"> {{$select.style}}</ui-select-match> it is not displaying anything.. if you can help it will be awesome

Collectives™ on Stack Overflow

angular ui select is not working

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related