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

ng-open directive को <details> element पर open attribute को set करने के लिए इस्तेमाल किया जाता है |

अगर दिया हुआ expression true होता है तो details का data दिखाई देता है |


Syntax for ng-open Directive in AngularJS

<details ng-open="expression">
</details>

ng-open Attribute's Parameters in AngularJS

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


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

<details ng-open="hide">
<p>Hello World</p>
</details>

</div>

</body>  
</html>
Output :

Hello World