Single choice using <select> element

Model: {{colorPickers[0]}}

jQuery value:

select2 value and data:


Single choice, Simulating ajax request with <input> element

Model: {{colorPickers[1]}}

jQuery value:

select2 value and data:


Multiple choice, using <select> element

Model: {{colorPickers[2]}}

jQuery value:

select2 value and data:


Multiple choice, simulating ajax request with <input> element

Model: {{colorPickers[3]}}

jQuery value:

select2 value and data:


Collection populated immediately, model set to green immediately

Model: {{colorPickers[5]}}


Collection populated immediately, model set to red asynchronously

Model: {{colorPickers[6]}}


Model set immediately, collection populated asynchronously (relies on ngyn-select-key)

Model: {{colorPickers[7]}}


Multiple choice, using custom rendering with <input> element

Model: {{namePickers[0]}}

jQuery value:

select2 value and data:


jQuery val() results are calculated every second