AngularJS 如何重置 select 选项？

Question

<select ng-model="selectedAssignTraining" ng-change="filterAssignedMembers(selectedAssignTraining)" ng-options="training.code as training.name for training in activeTrainings" class="form-control" ng-required="true">  <option value="" selected>Select Course</option> </select>

select 选项未重置 我该如何重置？ 我尝试将 selectedAssignTraining 设置为“”或值为 select 课程的第一个数组

Answer 1

Null 似乎有效。

 angular.module('myApp', []).controller('myController', function($scope) { $scope.activeTrainings = [{ code: 1, name: 'Training 1' }]; $scope.selectedAssignTraining = 1; $scope.filterAssignedMembers = function () {}; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script> <div ng-app="myApp"> <div ng-controller="myController"> <select ng-model="selectedAssignTraining" ng-change="filterAssignedMembers(selectedAssignTraining)" ng-options="training.code as training.name for training in activeTrainings" class="form-control" ng-required="true"> <option value="" selected>Select Course</option> </select> <button ng-click="selectedAssignTraining = null">Reset</button> Selected: {{selectedAssignTraining}} </div> </div>