AngularJS ng-selected Directive
Example
Make the input field readonly:
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>
Try it Yourself »
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 it's 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. |
