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
59
votes
4 answers

Clear selected option in ui-select angular

Anyone know how to clear the selected value of an ui-select box in angular? I want the functionality of select2 where you have a small x in the selectbox. Doesn't look like it's got the allow-clear method that select2 got.
ffffff01
  • 5,068
  • 11
  • 52
  • 61
35
votes
5 answers

Allow manually entered text in ui-select

I am using a select box from ui-select. All is working fine, but I want to allow manually entered text and do not want to restrict the user from the values available in the list. If I type in text it filters my list correctly. But when I not click…
AlexWerz
  • 739
  • 2
  • 9
  • 21
20
votes
4 answers

ui-select multiselect is very slow in displaying the choices

I ran into this problem, and I don't know how to solve it. I have used a ui-select multiselect in my page. First, a http.get request is made to a url which gets the data, then the ui-select choices are populated. The data is big - the length of the…
akashrajkn
  • 2,295
  • 2
  • 21
  • 47
19
votes
1 answer

Angularjs ui-select dropdown on-select function call issue

In my AngularJS project I am using normal select dropdown and making a function call using ng-change which is perfectly working fine. Now I want to migrate the same dropdown to ui-select. But on-select function call is not working, I tried different…
Madasu K
  • 1,813
  • 2
  • 38
  • 72
18
votes
1 answer

Angular ui-select multiple clean ng-model value

I am trying to use the ui-select and the component is cleaning my array. Example: {{ vm.staff_hotels }} {{$item.name}}
luigibertaco
  • 1,112
  • 5
  • 21
14
votes
4 answers

Angular ui-select: How to bind only selected value to ng-model

$scope.property = new Property(); $scope.property.propertyType = {}; $scope.propertyTypes = [ { value: 'ResidentialPlot', name: 'Residential Plot' }, { value: 'CommercialPlot', name: 'Commercial Plot' }, { value: 'Apartment', name:…
user3072575
  • 163
  • 1
  • 1
  • 9
12
votes
13 answers

Angular ui-select is not displaying the list of options when included in angular-ui-bootstrap modal

I am facing an issue with the anular-ui-bootstrap modal directive. Am using the angular's ui-select component in my app as a replacement for the html select. This ui-select is working fine in any page it is being included. But when i tried to…
9
votes
6 answers

ui-select replacement in Angular2

We are moving our existing angular1 project to angular2 and want to replace the existing ui-select component. I have googled, but couldn't find the ui-select version for angular2. Has anyone found a better alternative?
imfarhad
  • 172
  • 1
  • 3
  • 10
9
votes
2 answers

Conditionally add the "multiple" attribute to ui-select

I'm trying to add the multiple attribute to a ui-select directive based on the value of a certain property using the ng-attr- directive. Unfortunately, that's not working for me. I've setup a plunker example to showcase what is happening. Plunker…
Kassem
  • 8,116
  • 17
  • 75
  • 116
9
votes
2 answers

Angular ui-select tagging lose text input on blur

THE SITUATION Hello guys! I am using Angular ui-select for my app in order to select users from a database. Using Tagging is possible to enter a new entry in the event the user is not present in the list. By writing the name and pressing ENTER or…
FrancescoMussi
  • 20,760
  • 39
  • 126
  • 178
9
votes
3 answers

AngularJs: How make ui-select working properly?

THE SITUATION: I am making an angular app where I have to use ui-select: in the user info page, in the select have to be possible to choose one or many tag. It is almost working, except from the fact that i have problems to get and display the…
FrancescoMussi
  • 20,760
  • 39
  • 126
  • 178
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
8
votes
2 answers

Angularjs: Ui-select ng-click in ui-select-choices

I am trying to use an add button inside the options, but the problem is that ng-click fires but the option is not selected.
daniel
  • 1,152
  • 2
  • 15
  • 33
8
votes
3 answers

W3C validation for

I am using angular-ui-select within a website where the styled select fields are configured with an own tag named ui-select. This works great, but doing a W3C validation leads to this error: Element ui-select not allowed as child of element div in…
favo
  • 5,426
  • 9
  • 42
  • 61
8
votes
1 answer

Angular ui-select tagging on array of objects

SITUATION: I have an angular app that sends emails. There are three fields: Address - Subject - Text. The address field is built using angular ui-select The email address can be choosen from the list or entered anew. The problem is entering the…
FrancescoMussi
  • 20,760
  • 39
  • 126
  • 178
1
2 3
25 26