Questions tagged [angular-ui-select]

AngularJS-native version of Select2 and Selectize

AngularJS-native version of Select2 and Selectize.

GitHub: https://github.com/angular-ui/ui-select

169 questions
9
votes
5 answers

Angular Bootstrap Ui-select

I am trying to use the ui-select directive in my angularjs but it is not displaying, i tried following the documentation and this is what i did:
user3718908x100
  • 7,939
  • 15
  • 64
  • 123
8
votes
1 answer

Disable selected choices in angular-ui-select multiselect mode

In ui-select muliple mode, selected choices are removed(checked in source code too) from the choices list but I just need that selected choices to be disabled, like below, instead of being removed. this above image is taken from chosenjs. There is…
Venugopal
  • 1,888
  • 1
  • 17
  • 30
7
votes
1 answer

Angular ui-select multi select: Dropdown is not getting updated on selecting some items from the controller

On click of "select yellow color" button, I want to add yellow to the selected list. Yellow is getting selected, but the dropdown is still showing yellow. In the same way, I want to deselect yellow on click of "deselect yellow color" button. I am…
SaiGiridhar
  • 886
  • 1
  • 13
  • 28
6
votes
1 answer

ui-select dropdown in modal with overflow

I'm currently facing an issue with displaying a ui-select dropdown within a ui bootstrap modal, which has an overflow css applied. Currently, when opening the ui-select dropdown, the list of choices opens within the modal and is partially hidden by…
6
votes
1 answer

How to not allow copy pasted values in ui-select in AngularJS

I have a dropdown list and a ui-select. on the basis of dropdown value ui-select values are binding. but if i am directly pasting that specific values into ui-select it is showing as selected. how can we prevent a ui-select from copy paste values? …
6
votes
1 answer

Angular UI select not displaying

I am currently using ui-select (https://github.com/angular-ui/ui-select) for dropdowns. I have included select.js and select.css in my index.html file. I have also installed angular-sanitize through bower. This is what my controller looks like : use…
erichardson30
  • 4,984
  • 8
  • 26
  • 47
6
votes
5 answers

Testing with protractor using ui-select

I am trying to test an ui-select with protractor. In this ui-select I have a list of countries. My html looks like:
Gianfra
  • 1,119
  • 4
  • 17
  • 33
6
votes
3 answers

angular- ui-select - how to bind object property to ng-model

i'm using the angular-ui-select in a simple user registration form:
Tamar Cohen
  • 1,272
  • 2
  • 16
  • 28
5
votes
3 answers

Slow behaviour of angular-ui-select's drop down list when big list of items in Modal

I use angular-ui-select with a list of ~1500 items in bootstrap modal window. There is a delay of 2 seconds for every action the user does. I tried to improve performance by by using 'minimum-input-length', but the filter does not work. Plunkr…
badigard
  • 820
  • 2
  • 10
  • 22
5
votes
0 answers

ui-select will not focus input element on first click with ngAnimate

The issue is that when you have a ui-select in an angular project where ngAnimate is used and click on it to type something in, you aren't able to type until you click on the input element a second time. Basically, it seems to only focus on the…
TomSlick
  • 717
  • 5
  • 21
5
votes
1 answer

How to create a directive for a dropdown choice?

Let's say I use quite some dropdown choices (aka comboboxes) for countries in my application. To avoid repeating the same code over and over again, I want to create a directive for that. However: Using following directive doesn't meet all my…
5
votes
1 answer

angular-formly issue with ui-select

I am trying to use Angular-Formly together with angular ui-select using $http for results. The options should refresh as the user types in. When I set the model from another text input, the ui-select updates correctly and show the corresponding…
Andy
  • 351
  • 1
  • 2
  • 12
5
votes
1 answer

Angular UI Select, Unique values pre-selected array

Lets say I have want to edit an existing entity that has an array of values that are also part of the selectable values. e.g. var preSelectedLanguages = [ {id: 2, iso: "de"}, {id: 3, iso: "fr"} ] var languages = [ {id: 1, iso: "en"}, …
ChrisGeo
  • 3,807
  • 13
  • 54
  • 92
5
votes
1 answer

Angular UI Select remove item on click

I am using UI-Select, I noticed that clicking any of the tags makes them blue, which has no purpose for what I would like to do. I would like them removed if clicked. Upon inspection I noticed an 'x' that fires off…
user3196599
4
votes
1 answer

Angular ui-select2 "Add" button inside dropdown list

How can I insert a button inside the dropdown list in ui-select2? Tried to search but can't find any. Sample image. See ui-select2 documentation. https://github.com/angular-ui/ui-select
aldesabido
  • 1,268
  • 2
  • 17
  • 38
1
2 3
11 12