AngularJS ng-show Directive

The AngularJS ng-show directive is used to show or hide the given HTML element according to the expression given to the ng-show attribute.

It shows the specified HTML element if the given expression is true, otherwise it hides the HTML element.

It is supported by all HTML elements.

Syntax:

Parameter explanation:

expression: It specifies an expression that will show the element only if the expression returns true.

Let's take an example to demonstrate the ng-show directive.

See this example:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
Show HTML element: <input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>Welcome to JavaTpoint</h1>
<p>A solution of all technology.</p>
</div>
</body>
</html>

Test it Now

Next TopicAngularJS ng-src Directive

← prev next →