Questions tagged [ui-select]

AngularJS-native version of Select2 and Selectize by the AngularUI Team

UI Select

A native AngularJS implementation of Select2/Selectize by the AngularUI Team

Basically a set of libraries that help develop select, multiselect and checkbox element.

Main Features

  • Search, Select, and Multi-select
  • Themes: Bootstrap, Select2 and Selectize
  • Keyboard support
  • jQuery not required (except for old browsers)
  • Small code base: 4.57KB min/gzipped vs 20KB for select2

Resources

382 questions
4
votes
2 answers

Angular UI-Select in UI-Grid?

I feel like I'm beating my head against a wall. Anyone have an example of using ui-select inside of ui-grid? (3.0) I'm having the hardest time utilizing ui-select inside of ui-grid, as a cellTemplate, ie: { field: "Job.JobTitle", displayName: "Job…
John
  • 921
  • 1
  • 9
  • 24
3
votes
1 answer

Angular ui-select needs clicking twice to enter the input

Am fairly new to angular and I have an ui-select which fetches the data from remote service upon typing anything shows the related items in dropdown. It is a single select dropdown. The problem is the input field requires two clicks to open. On…
Prad2791
  • 31
  • 3
3
votes
1 answer

Show icon on ng-bind-html when value is false

I need to show a fontawesome icon within the ng-bind-html on the ui-select, based on a boolean value of course this…
3
votes
0 answers

AngularJs search box filter is not working with translation

The following the original code that the search box works perfectly find for the dropdownlist:
3
votes
5 answers

How to clear ui-select programmatically?

I would like to find a way to clear the selection of a ui-select by code. For example I have the following code
vagelis
  • 326
  • 5
  • 18
3
votes
2 answers

angularjs app not showing special characters in placeholder text in ui-select field

I have a multilingual angular app, and one of the languages has special characters, umlaut, for example. They are being shown fine on the labels, titles, headings, but not in placeholder text. here is the code i have :
SMH_TBZ
  • 103
  • 1
  • 15
3
votes
1 answer

How to change the stylesheet of this ui-select element? (angular)

I wrote a little program in angular using an ui-select element. The problem is that the search bar is really too long and I didn't find how to reduce it. Usually, we have some "width" properties that you can change for that but the css code is too…
salamanka44
  • 904
  • 3
  • 17
  • 36
3
votes
2 answers

How to pass a callback to Angular directive that extends an existing directive?

I am using Angular ui-select to create a "search-and-select component". When the user types into the search field, it immediately filters a list of items as a free-text filter. Additionally, the user can select options from the dropdown, which are…
Sampo
  • 4,308
  • 6
  • 35
  • 51
3
votes
0 answers

bower install ECONFLICT unable to find suitable version for angular-bootstrap

when I run command 'bower install angular-ui-select' it gives me the error ECONFLICT unable to find suitable version for angular-bootstrap. my bower.json is as follows. my bower.json is as follows. { "name": "Analytics Tool", "version":…
Manoj Sanjeewa
  • 1,069
  • 1
  • 11
  • 34
3
votes
1 answer

Using title attribute in ui-select

I have a situation where the text to select is too long and doesn't fit in the list width or in the selected field. So at least I need to show on mouse hover the complete name using the title attribute in span. I tried this:
ps0604
  • 1,227
  • 23
  • 133
  • 330
3
votes
3 answers

AngularJS UI Select Validation

Hi I am working on an AngularJS app with a field to select multiple email addresses from a remote source. I am using Angular UI Select for that field. User can also enter a valid email which does not exist. The problem is how do I restrict the user…
arnabkaycee
  • 1,634
  • 13
  • 26
3
votes
0 answers

AngularJS ui-select optimization

I have many (around 70, forms dynamically) ui-select (multiple) elements and every is filled with the same data. {{entities.ourTag.displayName}}
Ahnassi
  • 77
  • 9
3
votes
2 answers

How to use properly ui-select in ng-repeat directive

I have an ui-select which is wrapped in ng-repeat directive. Since they share the same scope I have several problems: after selecting value in first select second select is already prefilled with what I typed in first. placeholder is hidden and…
streetturtle
  • 5,472
  • 2
  • 25
  • 43
3
votes
0 answers

ui-select on-highlight event not working

From the documentation: https://github.com/angular-ui/ui-select/wiki/ui-select-choices#events It says: on-highlight event occurs when an item was hovered on. Example: on-highlight="showPreview(myValue)". I tried this, but the event is triggered upon…
Naphtali Gilead
  • 222
  • 4
  • 18
3
votes
1 answer

Filter select based on another select angular and keep first row

I'm trying to build double select with null option. One select is filtered according to the first select chosen option. The problem I have is I want to keep the first 'null' row even after filter. I've made a plunker based on solution of null option…
Ziv Weissman
  • 4,400
  • 3
  • 28
  • 61