My HTML dropdown menu includes a default option along with dynamically generated options using ng-options. The variable dropdown is bound to the dynamic options, not the default one.
<td>
<select ng-model="dropdown" ng-options="item as item.name for item in items">
<option value="">--- Select an item---</option> <!-- default -->
</select>
</td>
This code results in the following HTML:
<td>
<select ng-model="dropdown" ng-options="item as item.name for item in items">
<option value="">--- Select an item---</option>
<option value="0" label="item1">item1</option>
<option value="1" label="item2">item2</option>
<option value="2" label="item3">item3</option>
</select>
</td>
I am looking to add a reset button that will return the dropdown to the default "Select an item" option. However, since this option is not linked to the model, I cannot use something like:
$scope.dropdown = items[0] // this would select item1
or even
$scope.dropdown = null
How can I implement a reset functionality for my dropdown to go back to the first option?