Latest web development tutorials
 

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.