डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-show

ng-show directive ये HTML Element के hide हुए content को दिखाने के लिए इस्तेमाल किया जाता है |

ng-show directive का expression अगर 'true' होता है तो Element का content show हो जाता है और अगर 'false' होता है तो content show नहीं होता है |


Syntax for ng-show Directive in AngularJS

<element ng-show="expression">
</element>

ng-show Attribute's Parameters in AngularJS

expression : यहाँ पर expression दिया जाता है |


Example for ng-show Directive using String in AngularJS

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>

<div ng-app="">

<input type="checkbox" ng-model="showme" />

<div ng-show="showme" >
<p>Hello World</p>
</div>

</div>

</body>
</html>
Output :

Hello World