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
8
votes
1 answer

angular-ui/ui-select: how to set initial selected object correctly

This is my ui select in the view: {{$select.selected.code}}
sports
  • 7,851
  • 14
  • 72
  • 129
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
7
votes
3 answers

ui-select disable if empty

I'm a beginner to AngularJS. I have an app which makes an API call to get a nested list of car makes, models and years. I've created three ui-select elements to display the results of the call, starting with a list of car makes, then filtering down…
Benny Powers
  • 5,398
  • 4
  • 32
  • 55
6
votes
1 answer

Angular UI-Select adding duplicate tag for "Tagging" Objects

I am using ui-select library for "Tagging" feature. I am using Array of objects, in which, each object has id and name. It is working correctly. If I type non-existent tag it creates new one, which I wanted, but the only problem I am having is if…
Rahul Sagore
  • 1,588
  • 2
  • 26
  • 47
6
votes
6 answers

How to get value which typed in ui-select search box?

I'm using ui-select (https://github.com/angular-ui/ui-select). ui-select support us to Search, Select, and Multi-select. But how can I get the value users typed in ui-select search box? I want to display an error message if the value users typed is…
Envy
  • 510
  • 6
  • 19
6
votes
2 answers

How to set ui-select to readonly mode?

Is it possible and how to make my ui-select readonly? Of course I've tried ng-readonly="isReadOnly" where I define in my controller $scope.isReadOnly=false; And of course I want to calculate it "in runtime" according to data from server that can…
Alexander Vasilyev
  • 1,273
  • 2
  • 15
  • 22
6
votes
1 answer

ng-repeat continuously fired on hover

I'm using UI-Select 0.8.4 and have a large data set. Then I'm using UI-Select to display property values in a dropdown beside the data set. I'm using that for filters. So when choosing from the dropdown, will filter the results. Every time when I…
Gaui
  • 8,723
  • 16
  • 64
  • 91
6
votes
1 answer

UI-select dropdown option not show above panel body

I have a panel with fixed height with overflow set to auto. Inside that panel I am using ui-select. On-clicking/opening the select box it is getting hidden behind the panel footer and user has to scroll down to view. Is it possible to get the…
Balwant Padwal
  • 261
  • 4
  • 8
5
votes
1 answer

How to set a max length for the search input in (AngularJS) ui-select component?

Suppose I have the following (very basic) code for a ui-select
lealceldeiro
  • 14,342
  • 6
  • 49
  • 80
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
3 answers

How to remove focus from ui-select after selecting an option

I need to remove focus from ui-select input once the user has selected an option using mouse click and on enter start searching. Now what happens is that the focus is still there on select and as a result the dropdown list is opened on clicking…
Nivin Rai
  • 258
  • 3
  • 7
  • 19
5
votes
1 answer

Angular UI-Select: How to add a tooltip for text overflow?

I have a ui-select-match element, and when opening the element and hovering (highlighting) over a row I need a tooltip to show the full content of the row in case of text overflow that is cut off by the border. It seems like something that should…
Shaycobs
  • 51
  • 1
  • 3
5
votes
2 answers

Angularjs ui-select used in directive

I am using angular-ui ui-select directive inside my cusom directive called timezone. The problem is that the surrounding controller's model object is not updated when a timezone is selected from the list. Here is my directive's code: var myApp =…
vizog
  • 313
  • 2
  • 10
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
1
2
3
25 26