AngularJS basic ng-selected directive simple example

AngularJS ng-selected directive

AngularJS instance

Get the selected options:

Click the check box to select BMW options:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="/libs//1.4.6/"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app=""&gt;
Click the check box to select BMW Options:
&lt;input type="checkbox" ng-model="mySel"&gt;

&lt;p&gt;My favorite car:&lt;/p&gt;

&lt;select&gt;
 &lt;option&gt;Volvo&lt;/option&gt;
 &lt;option ng-selected="mySel"&gt;BMW&lt;/option&gt;
 &lt;option&gt;Ford&lt;/option&gt;  
&lt;/select&gt;

&lt;/body&gt;
&lt;/html&gt;

Definition and usage

ng-selected Directives are used to set the selected property of the <option> element in the <select> list.

ng-selected If the expression of the property returns true, the option is selected.

grammar

The <option> element supports this directive.

Parameter value

value	describe
expression	If the expression is true, the option is selected

The above is the basic information sorting for the AngularJS ng-selected instruction. We will continue to sort it out later. Thank you for your support!