AngularJS ui-select

Tagging

Tagging allows the creation of new items not present in the item list

Simple String Tags (With Custom Tag Label & Sort Enabled)

{{$item}} {{color}}

Selected: {{ctrl.multipleDemo.colors}}


Simple String Tags (Predictive Search Model & No Labels)

{{$item}} {{color}}

Selected: {{ctrl.multipleDemo.colors2}}


Object Tags (with grouping)

{{$item.name}} <{{$item.email}}>
email: {{person.email}} age:

Selected:

selectedPeople = {{ctrl.multipleDemo.selectedPeople | json}}

Object Tags with Tokenization (" ", /, ,)

Note that the Space character can't be used literally, use the keyword SPACE - tagging-tokens="SPACE|,|/" {{$item.name}} <{{$item.email}}>
email: {{person.email}} age:

Selected:

selectedPeople2 = {{ctrl.multipleDemo.selectedPeople2 | json}}

Tagging in Single Select mode

(NOT WORKING) {{$select.selected.name}} <{{$select.selected.email}}>
email: {{person.email}} age:

Selected:

ctrl.person.selected = {{ctrl.person.selected | json }}

Tagging in Single select mode, with simple strings

(NOT WORKING) {{$select.selected}}

Selected: {{ctrl.singleDemo.color}}