AngularJS ng-hide command
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>
<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. |