AngularJS ng switch Directive

Previous Next

Home >> AngularJS >> AngularJS Directives >> AngularJS ng switch Directive

AngularJS ng-switch Directive

The ng-switch directive is used to hide or show HTML elements depending on an expression. If ng-switch-when directive value gets matched, then child element will get displayed other none of it will be displayed.

Syntax:-

< element ng-switch="expression">
  < element ng-switch-when="value" >< /element >
  < element ng-switch-when="value" >< /element >
  < element ng-switch-default >< /element >
< /element >

Further Explanation:-

Value	Description
expression	An expression that will remove elements with no match, and display elements with a match.

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