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, Nov 22 '15 at 14:49
@koox00 hi! from a json file. But the field itself `` is not apearing on my browser. I have tried both chrome and firefox — user3641381, Nov 22 '15 at 14:56

score 2 · Answer 1 · answered Nov 22 '15 at 15:27

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.

score 0 · Answer 2 · edited May 23 '17 at 12:00

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 '17 at 12:00

Community

1
1

answered Nov 22 '15 at 15:29

David Faure

1,336
14
25

AngularJS: ui-select not showing on view

2 Answers2