La función angular.bootstrap() en AngularJS es un componente funcional en el módulo Core ng que se usa para iniciar una aplicación Angular manualmente, proporciona más control sobre la inicialización de la aplicación.
Sintaxis:
angular.bootstrap(element, [modules], [config])
Valores paramétricos:
- elemento: Un elemento es un elemento DOM (por ejemplo, documento) que es la raíz de la aplicación Angular.
- Módulos: (Opcional) Módulos es una array de módulos que se cargarán.
- Config: (Opcional) Config es un objeto que se utiliza para las opciones de configuración.
Ejemplo 1:
<html>
<head>
<title>angular.bootstrap()</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
</script>
<style>
.id {
font-size: 1.5em;
color:green;
}
</style>
</head>
<body ng-app="app" style="text-align:Center">
<h1 style="color:green">GeeksforGeeks</h1>
<h2>angular.bootstrap()</h2>
<div ng-controller="geek">
<span class="id">{{name}}</span>
is the computer science portal for geeks.
</div>
<script>
var app = angular.module("app", []);
app.controller('geek', ['$scope', function ($scope) {
$scope.name = "GeeksforGeeks";
}]);
angular.bootstrap(document, ['app']);
</script>
</body>
</html>
Producción:
Ejemplo 2:
</div>
<html>
<head>
<title>angular.bootstrap()</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
</script>
</head>
<body ng-app="app" style="text-align:Center">
<h1 style="color:green">GeeksforGeeks</h1>
<h2>angular.bootstrap()</h2>
<div ng-controller="geek">
<div class="col-md-3 well" ng-init="count=0">
Male:
<input type="radio" ng-model="gender" value="Male"
ng-change="layout(gender)" />
Female:
<input type="radio" ng-model="gender" value="Female"
ng-change="layout(gender)" />
<pre><b>You selected:</b> {{result}} </pre>
</div>
</div>
<script>
var app = angular.module("app", []);
app.controller('geek', ['$scope', function ($scope) {
$scope.layout = function (gender) {
$scope.result = gender;
}
}]);
angular.bootstrap(document, ['app']);
</script>
</body>
</html>
Salida:
Antes de la selección: 
Después de la selecció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