WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

AngularJS ng-open Directive


Example

Show/Hide a <details> list by clicking a checkbox:

<input type="checkbox" ng-model="showDetails">

<details ng-open="showDetails">
    <summary>Copyright 1999-2016.</summary>
    <p> - by Refsnes Data. All Rights Reserved.</p>
</details>
Try it yourself »

Definition and Usage

The ng-open order sets the open property of a subtleties list.

The subtleties rundown will be unmistakable if the articulation inside the ng-open property returns true.


Syntax

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

Supported by the <details> element.


Parameter Values

Value Description
expression An articulation that will set the component's open property in the event that it returns true.