Tutorials References Menu

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