Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

AngularJS ng-hide Directive


Hide a section when a checkbox is checked:

Hide HTML: <input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<p>Welcome to my home.</p>
Try it Yourself »

Definition and Usage

The ng-hide directive hides the HTML element if the expression evaluates to true.

ng-hide is also a predefined CSS class in AngularJS, and sets the element's display to none.


<element ng-hide="expression"></element>

When used as a CSS class:

<element class="ng-hide"></element>

Supported by all HTML elements.

Parameter Values

Value Description
expression An expression that will hide the element if the expression returns true.