AngularJS basic ng-hide directive usage and sample code

AngularJS ng-hide directive

AngularJS instance

Hide a part when check box is selected:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;script src="/libs//1.4.6/"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app=""&gt;

hide HTML: &lt;input type="checkbox" ng-model="myVar"&gt;

&lt;div ng-hide="myVar"&gt;
&lt;h1&gt;Welcome&lt;/h1&gt;
&lt;p&gt;Welcome to my home.&lt;/p&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

Definition and usage

ng-hideDirectives hide HTML elements when the expression is true.

ng-hideis a predefined class of AngularJS, setting the display of the element to none.

grammar

Use as CSS class:

All HTML elements support this directive.

Parameter value

value	describe
expression	The expression hides the element if it returns true.

The above is the basic knowledge of AngularJS ng-hide directive, and will be added later.