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. |