allowClear="true" not works in angular-ui select

angularjs angularjs-select2
Kalhan.Toress picture Kalhan.Toress · Oct 8, 2014 · Viewed 13.9k times · Source

How to clear the selected value in angular-ui select. I want something like this enter image description here

Answer

Artyom Trityak picture Artyom Trityak · Jan 30, 2015

You should define it in select-match

<ui-select-match allow-clear="true" placeholder="Select something">   
    {{$select.selected.name}}
</ui-select-match>

Related questions

Angular Select Options with image

I want select drop down option with respective images ,can anyone help me in this , here is my code <select class="form-control demo-htmlselect" ng-model="spList" ng-options="spList.name for spList in spDTOList" required> <option disabled selected>…

Read More
How to use jQuery Select2 with AngularJS

I am trying to use jQuery (2.2.1) Select2 (3.5.2) with Angularjs (1.5) but am having a difficult time grabbing the data from the select box. I have tried ui-select and I could retrieve data... but would often crash the browser when searching, was …

Read More
Angular ng-options in select2 - settings value property

I have an array of countries: var countriesList: [ {name: "Israel", code: "IL"}, {name: "India", code: "IN"}, {name: "Andorra", code: "AD"} ] and an array of selected countries: selectedCountries: [ { country:"IL" } ] I'm using select2 for selecting countries. I started with ng-repeat for …

Read More