Как сбросить выпадающее меню при нажатии кнопки

Question

Как сбросить выпадающее меню при нажатии кнопки?

<select class="form-control" ng-model="Software" ng-options="o as o for o in Softwares" id="softId" onChange="onSelectFilter()"> 
    <option value=''>--- Software ---</option> 
</select> 
<button id="resetDd" class="btn btn-default">GO</button> 

app.controller('TechCtrl', function($scope) { 
    $scope.Softwares = [ "Word", "Excel", "PowerPoint", "Publisher", "Access", "Paint", "Movie maker" ]; 
}); 

Я хочу сделать это с вне обновления страницы. Как я могу это сделать?

Answer 1

Попытка значение параметра Software к null

<button id="resetDd" class="btn btn-default" ng-click="Software = null">GO</button> 

Answer 2

Эта директива ngModel связывает ввод, выберите текстовой (или контроль пользовательской формы) к собственности на сферу с помощью NgModelController, который создается и подвергается этой директиве. [Ref]

Чтобы сбросить значение select input, сбросить значение модели Software. Начальное значение select является '', следовательно, чтобы сбросить его, необходимо установить переменную scope в ''

Попробуйте это:

var app = angular.module('app', []); 
 

 
app.controller('TechCtrl', TechCtrl); 
 

 
function TechCtrl($scope) { 
 
    $scope.Softwares = ["Word", "Excel", "PowerPoint", "Publisher", "Access", "Paint", "Movie maker"]; 
 
    $scope.reset = function() { 
 
    $scope.Software = ''; 
 
    } 
 
    $scope.onSelectFilter = function() { 
 

 
    }; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <div ng-controller="TechCtrl"> 
 
    <select class="form-control" ng-model="Software" ng-options="o as o for o in Softwares" id="softId" ng-change="onSelectFilter()"> 
 
     <option value=''>--- Software ---</option> 
 
    </select> 
 
    <button id="resetDd" class="btn btn-default" ng-click="reset()">RESET</button> 
 

 
    </div> 
 
</div>

Fiddle here