ng-hide Directive in AngularJS

Nitin
8y
2.8k
0
0

Blog

ng- hide directive is used to make HTML elements invisible. Let us see this with the help of an example.

Write the following HTML mark up in the webpage.

<!doctype html>
<htmlng-app>
<head>
<title>My Angular App</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p ng-hide="true">This text is not visible.</p>
<p ng-hide="false">This text is visible.</p>
</div>
</body>
</html>

We have taken twp<p> tags in HTML. In one of the tags we will assign a value false to the ng-hide directive and in the other we will keep the value to true. Let us see how the output turns out.

Output