HOWTO · Angular
onload en Angular
Este tutorial demuestra cómo llamar a una función en carga en Angular.
En esta página
Introduciremos una función cuando se cargue una página en Angular.
On Load en Angular
Cuando queremos ejecutar una función cuando se carga una página o un componente, llamamos a esa función en init.
Comencemos con un ejemplo. Primero, crearemos una vista.
# angular
<body>
<div ng-app="newapp" ng-controller="newcontroller" data-ng-init="init()">
<h2>Page Loaded</h2>
</div>
</body>
Definimos nuestra ng-app, ng-controller, componente inicializado y data-ng-init en el código anterior.
Ahora, escribamos una función que muestre una salida en la consola cuando se cargue la página.
# angular
var app = angular.module("newapp", []);
app.controller("newcontroller", function($scope){
$scope.init = function(){
console.log("Page Loaded")
}
})
Producción:
El ejemplo que dimos muestra lo fácil que es llamar a una función en la carga de la página. Podemos llamar fácilmente a cualquier función usando el ejemplo anterior.
