AngularJS ng-selected Directive
Example
Set the selected attribute to true:
Click here to select BMW as your favorite car:
<input type="checkbox" ng-model="mySel">
<p>My Favourite car:</p>
<select>
<option>Volvo</option>
<option ng-selected="mySel">BMW</option>
<option>Ford</option>
</select>
<input type="checkbox" ng-model="mySel">
<p>My Favourite car:</p>
<select>
<option>Volvo</option>
<option ng-selected="mySel">BMW</option>
<option>Ford</option>
</select>
Definition and Usage
The ng-selected directive sets the selected attribute of an
<option> element in a <select> list.
The option will be selected if the expression inside the ng-selected
attribute returns true.
The ng-selected directive is necessary to be able to shift the
value between true and false. In HTML, you cannot set
the selected attribute to false (the presence of the
selected attribute makes the element selected, regardless of its value).
Syntax
<option ng-selected="expression"></option>
Supported by the <option> element.
Parameter Values
| Value | Description |
|---|---|
| expression | An expression that will set the element's selected attribute if it returns true. |