ng-show Directive in AngularJS

Nitin
8y
1.5k
0
0

Blog

In this post we will study ng-show directive in angular JS. ng- show directive is used to make HTML elements visible. Let us see this with the help of an example.

Write the following HTML mark up in the webpage.

<!doctype html>
<html ng-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-show="true">This text is visible.</p>
<p ng-show="false">This text is not visible.</p>
</div>
</body>
</html>

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

output