La directiva ng-init se usa para inicializar los datos de la aplicación AngularJS. Define el valor inicial para una aplicación AngularJS y asigna valores a las variables. La directiva ng-init define valores iniciales y variables para una aplicación AngularJS.
Sintaxis:
<element ng-init = "expression">
...
</element>
Ejemplo: este ejemplo describe la directiva ng-init al inicializar una array de strings.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
AngularJS ng-init Directive
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h3>ng-init directive</h3>
<div ng-app="" ng-init="sort=['quick sort',
'merge sort', 'bubble sort']">
Sorting techniques:
<ul>
<li>{{ sort[0] }} </li>
<li>{{ sort[1] }} </li>
<li>{{ sort[2] }} </li>
</ul>
</div>
</body>
</html>
Producción:
Ejemplo 2: el ejemplo describe la directiva ng-init especificando el objeto con sus propiedades y el valor asociado.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
AngularJS ng-init Directive
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body style="text-align: center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h3>ng-init directive</h3>
<div ng-app="" ng-init=
"objects={
Company:'GeeksforGeeks',
Course:'Data Structures & Algorithms'
}">
<p>
Learn {{ objects.Course }}
from {{ objects.Company }}
</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