AngularJS: ui-select not showing on view

Question

I have tried every possible outcome. But can't get this to work. I am new to web-development, please help out.

I pulled ui-select from github. Added the necessary files (CSS & jS) into my index but still can't get it working. I have read the docs as well. I have also ngSanitize running.

A simple field like this won't appear.

<ui-select ng-model="person.selected" theme="bootstrap">
  <ui-select-match placeholder="Select or search a person in the list...">{{$select.selected.name}}</ui-select-match>
  <ui-select-choices repeat="item in people | filter: $select.search">
    <div ng-bind-html="item.name | highlight: $select.search"></div>
    <small ng-bind-html="item.email | highlight: $select.search"></small>
  </ui-select-choices>
</ui-select>

seems ok to me. do you have any error in the console? How do you fetch people? — koox00
– koox00, Commented Nov 22, 2015 at 14:49
@koox00 hi! from a json file. But the field itself <ui-select-match> is not apearing on my browser. I have tried both chrome and firefox — user3641381
– user3641381, Commented Nov 22, 2015 at 14:56

koox00 · Accepted Answer · 2015-11-22 15:27:29Z

2

Created a plunkr with your code and it works fine!
Assuming your controller is setup correctly and you inject the ui.select module the code above should work.

Keep in mind that you should load and inject the ng-sanitize module also so that the ng-bind-html directive can be loaded.

answered Nov 22, 2015 at 15:27

koox00

2,7212 gold badges20 silver badges28 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:00:35Z

0

Please check you version of bootstrap

You are using ui-select which need bootstrap 0.14.x

See this link https://stackoverflow.com/a/33134346/4406065

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Nov 22, 2015 at 15:29

David Faure

1,38614 silver badges25 bronze badges

Collectives™ on Stack Overflow

AngularJS: ui-select not showing on view

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related