"Add all" and "Remove all" feature for Angular UI-Select
bower install angular-ui-select-add-remove-all --save
<script type="text/javascript" src="components/-somewhere-/ui-select-add-remove-all/ui-select-add-remove-all-directive.js"></script>
angular.module('myApp', [
'ui.select',
'ui.select.addRemoveAll'
]);
<ui-select multiple
data-ui-select-add-remove-all
data-ng-model="$ctrl.selectedCountry"
>
<ui-select-choices repeat="country as country in $ctrl.countries | filter: $select.search">
{{country}}
</ui-select-choices>
</ui-select>
Note: I'm not able to add this two items automatically into existing component yet. It is reason, why you have to do it manually. :-(
$ctrl.countries = [
"- ADD ALL -",
"- REMOVE ALL -",
"USA",
"Czech republic",
"Germany"
];