AngularJS ng-hideDirective
AngularJS Reference ManualAngularJS Example
Hide a part when the checkbox is selected:
Hide HTML:<input type="checkbox" ng-model="myVar">
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
<div ng-hide="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
Try it Yourself »
Definition and Usage
ng-hideThe directive hides the HTML element when the expression is true.
ng-hideis a predefined class in AngularJS, setting the element'sdisplayisnone。
Syntax
<element ng-hide="expression"></element>
Used as a CSS class:
<element class="ng-hide"></element>
All HTML elements support this directive.
Parameter Value
| Value | Description |
|---|---|
| expression | Hides the element if the expression returns true. |
Other Extensions