Clear Selected Option In Ui-select Angular
Answer : If you are using the select2 theme there is an allow-clear option on the ui-select-match directive that does this for you. You will have the x on the right and you can clear it by clicking it. https://github.com/angular-ui/ui-select/wiki/ui-select-match Quick example: <ui-select-match allow-clear="true" placeholder="Select or search a country in the list..."> <span>{{$select.selected.name}}</span> </ui-select-match> Working example: http://plnkr.co/edit/DbbUE68QlNLjx97pBZ56?p=preview This does not currently work using either the bootstrap or selectize theme. You could add a small X button when you display the selection. <ui-select-match placeholder="Select or search a country in the list..."> <span>{{$select.selected.name}}</span> <button class="clear" ng-click="clear($event)">X</button> </ui-select-match> Then you stop the click event from bubb...