Latest web development tutorials

AngularJS ng-hide command

AngularJS Reference Manual AngularJS Reference Manual


AngularJS examples

When the checkbox Hide part:

Hide HTML: <input type = "checkbox " ng-model = "myVar">
<Div ng-hide = "myVar ">
<H1> Welcome </ h1>
<P> Welcome to my home. </ P>
</ Div>

try it"

Definition and Usage

ng-hide instruction is true hidden HTML element in the expression.

ng-hide is predefined classes AngularJS, the displayelement is set tonone.


grammar

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

As a CSS class to use:

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

All HTML elements support the instruction.


Parameter Value

value description
expression Returns true if the expression is hidden element.

AngularJS Reference Manual AngularJS Reference Manual