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
2 answers

change the color of ui-select multiple place holder

I'm trying t change the color of the place holder in ::-webkit-input-placeholder { font-size: 13px; color: red; }
zoomZoom
  • 309
  • 3
  • 10
2
votes
3 answers

ui-select no result event

I'm using https://github.com/angular-ui/ui-select and I want to do some event or an option that will allow me to call an event (opening a modal) when no result is found while using a filter.
AbdelRahman Badr
  • 193
  • 3
  • 15
2
votes
1 answer

Vertical alignment multiple spans inside div with variable height (ui-select-multiple)

I use Multiselect from AngularJS ui-select. My multiselect looks like this http://plnkr.co/edit/zJRUW8STsGlrJ38iVwhI?p=preview Spans can be arranged in multiple lines if there are many. I want to do nice vertical aligment for this. I managed to do…
pmk
  • 51
  • 3
2
votes
1 answer

UI select angular with disabled search pops out keyboard on mobile devices

I am using select 2 theme on bootstrap for angular. By default it has a built in 'search' that filters the option rows. I don't want that row so I've search online for solutions. The common solution is using ng-disabled, which works fine for some…
2
votes
0 answers

How to add in angular ui-select custom option

Have two ui-selects and changing only ng-model (data have from one mongodb collection): {{ $select.selected.ag_name }} …
Eugeniusz Zuev
  • 149
  • 4
  • 15
2
votes
0 answers

ui-select directive doesn't display

i am going to use ui-select directive, i have added select.js and select.css to the project and this is my code in view :
navid
  • 333
  • 4
  • 15
2
votes
1 answer

AngularJS ui-select: option not added when typed fully

I am using angular ui-select and I want to allow the user to select an option using auto-complete, but also allow them to type in custom options. I've configured the control with tagging enabled and no tagging labels as follows:
ChaoticNadirs
  • 2,280
  • 2
  • 20
  • 27
2
votes
1 answer

display key value of the object in ui-select

I am using ui-select to populate some data as choices, the data is stored in an array of objects, "pageArray", the object looks like this { pageName: pageNameArray } example, [{"alpha": [1,2,3,4]}, {"beta":[3,4,5,6,7]}, {"gamma": [6,4,2,0]},…
clearScreen
  • 1,002
  • 4
  • 15
  • 31
2
votes
1 answer

angularjs ui-select trouble with creating custom directive

Good day! I need to create directive with ui-select inside. Here is directive's controller and template: app.controller("servicesCtrl", ["$resource", '$scope', function($resource, $scope){ $scope.clinicServices = []; …
Nicollo
  • 21
  • 4
2
votes
4 answers

Angular ui-select multiple ng-model won't bind?

I've bound a model to an ui-select like so However, neither the $scope.selectedPeople gets updated upon selection, nor the ui-select choices are updated when the…
brazorf
  • 1,943
  • 2
  • 32
  • 52
2
votes
1 answer

How to show scrollbar inside ui-select dropdownlist

I am using ui-select for showing list of states. My state list is greater than ui-select dropdown height. How can I show the scrollbar inside ui-select drop down list so that user knows there are more items in the list?
Pramod
  • 41
  • 1
  • 7
2
votes
1 answer

Two-way binding within nested directives and ui-select

Problem I have been working on: The original problem (which only addressed one-way binding) can be found here: Unable to pass/update ngModel from controller to directive I have managed to get the one-way binding from inside the directive out to the…
tpie
  • 6,021
  • 3
  • 22
  • 41
2
votes
1 answer

Angular ui-select choose on blur

I'm using ui-select, and would like to select the first option in the list when the user clicks away from the input (ie a blur event on ui-select-search). Currently, the select box remains open until the user tabs out or makes a selection.
Csizzle
  • 215
  • 3
  • 10
2
votes
2 answers

Angular-ui ui-select - force dropdown to show above

So I have some controls in a fixed position to the bottom of the screen for easy reach on mobile, but for the life of me I can't figure out how to make the option content appear above the select menu. I tried messing with append-to-body="true" and…
BrandonReid
  • 1,264
  • 1
  • 13
  • 17
2
votes
3 answers

angular-validator and ui-select

I´m newbie in angular. I´m using angular-validator to validate the inputs in my application. I´m using ui-select plugin to display select list. I need is to validate if the user submitted a form & he didn't chosen an option in the select list then…
reds071286
  • 51
  • 1
  • 5