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

ng-hide directive ये HTML Element का content; hide करने के लिए इस्तेमाल किया जाता है |

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


Syntax for ng-hide Directive in AngularJS

As Attribute :
<element ng-hide="expression">
</element>

As Class :
<element class="ng-hide">
</element>

ng-hide Attribute's Parameters in AngularJS

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


Example for ng-hide 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="hideme" />

<div ng-hide="hideme">
<p>Hello World</p>
</div>

</div>

</body>
</html>
Output :

Hello World