La directiva ng-app en AngularJS se usa para definir el elemento raíz de una aplicación AngularJS. Esta directiva inicializa automáticamente la aplicación AngularJS al cargar la página. Se puede usar para cargar varios módulos en la aplicación AngularJS.
Sintaxis:
<element ng-app=""> Contents... </element>
Ejemplo 1: este ejemplo usa la directiva ng-app para definir una aplicación AngularJS predeterminada.
<html>
<head>
<title>AngularJS ng-app Directive</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body style="text-align:center">
<h2 style = "color:green">ng-app directive</h2>
<div ng-app="" ng-init="name='GeeksforGeeks'">
<p>{{ name }} is the portal for geeks.</p>
</div>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo usa la directiva ng-app para definir una aplicación AngularJS predeterminada.
<html> <head> <title>AngularJS ng-app 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-app Directive</h2> <div> <p>Name: <input type="text" ng-model="name"></p> <p>You entered: <span ng-bind="name"></span></p> </div> </body> </html>
Producción:
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