AngularJS ng options Directive

Previous Next

Home >> AngularJS >> AngularJS Directives >> AngularJS ng options Directive

AngularJS ng-options Directive

The ng-options directive is used to fill a select element with options. The ng-options directive uses an array to fill the dropdown list. It is better than ng-repeat as it is more flexible.

Syntax:-

< select ng-options="array expression" >< /select >

Further Explanation:-

Value	Description
expression	Legal expressions: *label* for *value* in *array* *select* as *label* for *value* in array label group by group for *value* in array label disable when *disable* for *value* in array label group by *group* for *value* in *array* track by expression label disable when disable for *value* in *array* track by expression label for *value* in *array* \| orderBy *expression* track by *expression*

Value

Description

expression

Legal expressions:

label for value in array
select as label for value in array
label group by group for value in array
label disable when disable for value in array
label group by group for value in array track by expression
label disable when disable for value in array track by expression
label for value in array | orderBy expression track by expression

Code Explanation

All Tutorials related to AngularJS Directives

ng-app Directive in AngularJS ng-bind Directive in AngularJS ng-bind-html Directive in AngularJS ng-bind-template Directive in AngularJS ng-blur Directive in AngularJS ng-change Directive in AngularJS ng-checked Directive in AngularJS ng-class Directive in AngularJS ng-class-even Directive in AngularJS ng-class-odd Directive in AngularJS ng-click Directive in AngularJS ng-cloak Directive in AngularJS ng-controller Directive in AngularJS ng-copy Directive in AngularJS ng-csp Directive in AngularJS ng-cut Directive in AngularJS ng-dblclick Directive in AngularJS ng-disabled Directive in AngularJS ng-focus Directive in AngularJS ng-hide Directive in AngularJS ng-href Directive in AngularJS ng-if Directive in AngularJS ng-include Directive in AngularJS ng-init Directive in AngularJS ng-keydown Directive in AngularJS ng-keypress Directive in AngularJS ng-keyup Directive in AngularJS ng-list Directive in AngularJS ng-maxlength Directive in AngularJS ng-minlength Directive in AngularJS ng-model Directive in AngularJS ng-model-options Directive in AngularJS ng-mousedown Directive in AngularJS ng-mouseenter Directive in AngularJS ng-mouseleave Directive in AngularJS ng-mousemove Directive in AngularJS ng-mouseover Directive in AngularJS ng-mouseup Directive in AngularJS ng-non-bindable Directive in AngularJS ng-open Directive in AngularJS ng-options Directive in AngularJS ng-paste Directive in AngularJS ng-readonly Directive in AngularJS ng-repeat Directive in AngularJS ng-required Directive in AngularJS ng-selected Directive in AngularJS ng-show Directive in AngularJS ng-src Directive in AngularJS ng-srcset Directive in AngularJS ng-style Directive in AngularJS ng-submit Directive in AngularJS ng-switch Directive in AngularJS ng-value Directive in AngularJS

All Sections related to AngularJS

AngularJS Tutorials AngularJS Directives AngularJS Filters and Elements