YouTip LogoYouTip

Ng Ng Hide

# AngularJS `ng-hide` Directive [![Image 3: AngularJS Reference](#) AngularJS Reference](#) * * * ## AngularJS Example Hide part of the HTML when the checkbox is checked: Hide HTML:

Welcome

Welcome to my home.

[Try it Β»](#) * * * ## Definition and Usage The **ng-hide** directive hides the given HTML element if the expression evaluates to true. **ng-hide** is a predefined class in AngularJS that sets the element's **display** to **none**. * * * ## Syntax Used as a CSS class: All HTML elements support this directive. * * * ## Parameter Values | Value | Description | | --- | --- | | _expression_ | If the expression returns true, the element is hidden. | * * AngularJS Reference](#)
← Ng Ng IfNg Ng Disabled β†’