Easy Tutorial
Ng Ng Href Ng Ng List Ng Ng Mouseenter Angularjs Forms Ng Ng Dblclick Ng Ng Class Odd Ng Ng Cloak Angularjs Validation Ng Ng App Angularjs Include Ng Ng Src Ng Ng Bind Ng Ng Readonly Ng Ng Switch Ng Ng Click Ng Ng Change Angularjs Dependency Injection Angularjs Bootstrap Angularjs Model Ng Ng Show Ng Ng Class Ng Ng Hide Angularjs Expressions Angularjs Animations Ng Ng Blur Ng Ng Disabled Ng Ng Mouseover Angularjs Examples Ng Ng Keyup Angularjs Directives Angularjs Html Events Ng Ng Csp Ng Ng Style Ng Ng Srcset Ng Ng Keydown Angularjs Api Ng Ng Paste Ng Ng Mousemove Ng Ng Bind Html Ng Ng Selected Angularjs Scopes Ng Ng Submit Angularjs Http Ng Ng Init Ng Ng Cut Angularjs Intro Angularjs Tutorial Angularjs Services Ng Ng Focus Angularjs Modules Angularjs Ng Mouseup Ng Ng Open Ng Ng Controller Angularjs Controllers Angularjs Routing Ng Ng Options Ng Ng Model Ng Ng Value Ng Ng Mousedown Ng Ng Bind Template Angularjs Sql Ng Ng If Ng Ng Keypress Ng Ng Include Ng Ng Checked Ng Ng Model Options Angularjs Filters Angularjs Html Dom Angularjs Application Angularjs Select Ng Ng Class Even Angularjs Reference Ng Ng Non Bindable Ng Ng Copy Ng Ng Repeat Ng Ng Mouseleave Angularjs Tables
❮ Angularjs Ng Mouseup Ng Ng Controller ❯

AngularJS ng-open Directive

AngularJS Reference Manual

AngularJS Example

Display or hide the <details> list by clicking the checkbox:

Definition and Usage

The ng-open directive is used to set the open attribute of the details list.

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

Syntax

The <details> element supports this directive.

Parameter Values

Value Description
expression Sets the open attribute of details if the expression is true.

AngularJS Reference Manual

❮ Angularjs Ng Mouseup Ng Ng Controller ❯