deselect select2 in angularjs

Question

Я использую https://github.com/angular-ui/ui-select2/blob/master/src/select2.js для работы над select2 с угловыми. Существует кнопка , чтобы сбросить select2 (т. Е. Установить заполнитель). При нажатии кнопки я должен вызвать функцию из углового контроллера. В этой функции мне нужно сбросить select2. Я не знаю, как это сделать. Я новичок в angularjs. Поэтому я не могу понять директиву. Если кто-нибудь знает решение с объяснением, он будет оценен.

Вот мой код до сих пор,

HTML

<select class="form-control" ui-select2="select2Options" id="ddlTechnology" name="ddlTechnology" ng-model="technology" ng-change="changeData('technology', technology)" ng-options="tech as tech.st_name for tech in technologies" style="width: 100%;"> 
    <option value=""></option> 
</select> 
<button ng-click="resetSearch()">Reset</button> 

JS

$scope.technologies = [{ 
    $hashKey: "object:14", 
    in_technology_id: 1, 
    st_name: "Networking"}, 
    {}, 
    {}, 
    ... 
]; 
$scope.resetSearch = function() { 
    $("#ddlTechnology").select2('val', ''); 
} 

Answer 1

Идея заключается в том, чтобы сделать ваш нг-модель пустой на сброс. И согласно документации ui-select2 несовместим с <select ng-options>. Для достижения наилучших результатов используйте <option ng-repeat>. Вы можете найти рабочую plunker Plunker - UI Select2 with Reset

$scope.resetSearch = function() { 
    $scope.technology = ''; 
} 

Но я настоятельно рекомендую вам использовать https://github.com/angular-ui/ui-select как ссылку, указанную вами для выбор2 является depreceated.