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

Set ui-select value using ID from an array of objects

Well I have the array of objects in this format $scope.itemArray = [ {id: 1, name: 'first'}, {id: 2, name: 'second'}, {id: 3, name: 'third'}, {id: 4, name: 'fourth'}, {id: 5, name: 'fifth'}, …
Steve
  • 522
  • 3
  • 12
  • 28
2
votes
1 answer

how to use id of object instead of whole object in ng-model of ui-select

Using ui-select, I have list of personels and want to show that in with ui-select by this way: (function() { 'use strict'; angular .module('framework') .controller('UserDetailController', UserDetailController); function…
Rasool Ghafari
  • 4,128
  • 7
  • 44
  • 71
2
votes
1 answer

ui-disable-choice with function

I am trying to disable options in a ui-select using a function in the ui-disable-choice. Calling a function doesn't seem to work. Any ideas on what I am doing wrong? UI-Select
Marty
  • 65
  • 2
  • 9
2
votes
1 answer

Angular ui-select $injector:unpr error

I'm trying to use ui-select module in my system, I injected ui-module and ngSanitize angular.module('app', ['ngSanitize', 'ui.select']); And included their JS files in HTML:
Lai32290
  • 8,062
  • 19
  • 65
  • 99
2
votes
2 answers

Angular ui-select : Change theme

I'm here for a question What is the best way to change the theme of ui-select input fields, Hack CSS ? Do you have other leads?
Sagiliste
  • 27
  • 1
  • 5
2
votes
1 answer

AngularJS ui-select performance issues

I'm using UI Select control in my application(source - https://angular-ui.github.io/ui-select/). It has a major performance issue(lagging when populated wuth over ~2000 items). Tried using also mdAutocomplete(source -…
user1531186
  • 323
  • 1
  • 7
  • 20
2
votes
2 answers

Angular-UI UI-Select Stop default behaviour of applying active class to first item

When options are initially displayed the first item has the active class applied. To me this makes good sense if search is not toggled, although if the intention is for users to primarily use the search functionality, applying the active class seems…
luckyape
  • 722
  • 8
  • 22
2
votes
1 answer

How to get the selected option from ui-select multiple

I have some issues figuring out how to get the selected value in a multi select form from ui-select. I have made a snippet to show you what I want to do. In my html I have a made an ui-select with an ng-change-event callback:…
John
  • 10,165
  • 5
  • 55
  • 71
2
votes
1 answer

angular ui-select not loading big list in dropdown

Here is my json file of the cities of the world: google drive link. and here is my html code:
cplus
  • 1,115
  • 4
  • 22
  • 55
2
votes
1 answer

angularjs ui-select to capture the key only not the value in dropdown live search

I am filtering the dropdown menu by typing in the box, and capturing the key into my model. It is working fine! However, the problem is as I type, the selection is not being narrowed down. where is the problem? capturing the key but not live search…
cplus
  • 1,115
  • 4
  • 22
  • 55
2
votes
1 answer

Ui-select ng-model is not binded with selected

I am trying to do a simple drop down menu with a search in it. I cant get the ng-model to be changed on this drop down. this is what I have done, and as you can see its very simple (mostly copy paste from the get started) I couldnt find any info…
Yogi_Bear
  • 512
  • 2
  • 10
  • 24
2
votes
0 answers

How to use custom styling with ui-select in AngularJS?

I use Angular UI https://github.com/angular-ui/ui-select. I have a slight issue with my usage of the style. I would like to avoid altogether having their pre-made design included and want to apply my own custom made styling. Basically I was using…
Radical_Activity
  • 2,618
  • 10
  • 38
  • 70
2
votes
2 answers

Angular ui-select with images

I am trying to display a list of { country flag icon + name + phone dial code }, I have used ui-select for implementing this in angular, this is the code that I have used
Abhilash
  • 43
  • 2
  • 8
2
votes
0 answers

angular ui-select-header - workarounds?

I see that ui-select-header (https://github.com/angular-ui/ui-select/wiki/ui-select-header-and-footer) is planned, but I really need a workaround until it is available, any good ideas? I would like to add a "Select All" button, to a control like…
Mattan Bitner
  • 1,463
  • 3
  • 14
  • 29