La directiva ng-open en AngularJS se usa para especificar el atributo abierto del elemento HTML especificado. Si la expresión dentro de la directiva ng-open devuelve verdadero, los detalles se mostrarán; de lo contrario, se ocultarán.
Sintaxis:
<element ng-open="expression"> Contents... <element>
Ejemplo: este ejemplo utiliza la directiva ng-open para abrir el atributo de un elemento.
<!DOCTYPE html> <html> <head> <title>ng-open Directive</title> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"> </script> </head> <body ng-app="" style="text-align: center"> <h1 style="color:green">GeeksforGeeks</h1> <h2>ng-open Directive</h2> <details id="details" ng-open="open"> <summary>Click to view sorting algorithms:</summary> <summary>Merge sort</summary> <summary>Quick sort</summary> <summary>Bubble sort</summary> </details> </body> </html>
Salida:
Antes de hacer clic en el elemento: 
Después de hacer clic en el elemento:
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA