AngularJS ng-open directive

AngularJS Reference Manual

Definition and usage

ng-open command settings <details> list's open attribute.

If ng-open the expression in the attribute returns trueIf <details> The list will be visible.

Example

Toggle the visibility of the <details> list by clicking the checkbox:

<input type="checkbox" ng-model="showDetails">
<details ng-open="showDetails">
    <summary>Copyright 1999-2024.</summary>
    <p> - by YK Investment All Rights Reserved.</p>
</details>

Try It Yourself

Syntax

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

Affected <details> Element Support.

Parameters

Parameters Description
expression If it returns true, it will set the expression of the open attribute of the element.

AngularJS Reference Manual