AngularJS Reference Manual AngularJS Select (Selection Box)

AngularJS ng-open directive

Example

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<script　src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body　ng-app="">
Click here to display the details list: <input type="checkbox" ng-model="showDetails"><br>
<br>
<details　ng-open="showDetails">
　　<summary>Learn the basics to go further!</summary>/summary>
　　<p>　-　Basic Tutorial Website</p>
</details>
<p><b>Notice:</b>Currently, only Opera, Chrome, and Safari browsers support the details tag.</p>
</body>
</html>

Test and see ‹/›

Definition and Usage

ng-open This directive is used to set the open property of the details list.

If ng-open If the expression returns true, the details list is visible.

Syntax

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

The <details> element supports this directive.

Parameter Value

Value	Description
expression	If the expression is true, the open property of details will be set.

AngularJS Reference Manual

AngularJS Reference Manual AngularJS Select (Selection Box)

AngularJS Basic Tutorial

AngularJS ng-open directive

Definition and Usage

Syntax

Parameter Value