En charge en Angular
Nous allons introduire une fonction lorsqu’une page est chargée dans Angular.
En charge en Angular
Lorsque nous voulons exécuter une fonction lorsqu’une page ou un composant est chargé, nous appelons cette fonction sur init
.
Commençons par un exemple. Tout d’abord, nous allons créer une vue.
# angular
<body>
<div ng-app="newapp" ng-controller="newcontroller" data-ng-init="init()">
<h2>Page Loaded</h2>
</div>
</body>
Nous avons défini notre ng-app
, ng-controller
, initialized component
, et data-ng-init
dans le code ci-dessus.
Maintenant, écrivons une fonction qui affichera une sortie sur la console lorsque la page sera chargée.
# angular
var app = angular.module("newapp", []);
app.controller("newcontroller", function($scope){
$scope.init = function(){
console.log("Page Loaded")
}
})
Production :
L’exemple que nous avons donné montre à quel point il est facile d’appeler une fonction au chargement de la page. Nous pouvons facilement appeler n’importe quelle fonction en utilisant l’exemple ci-dessus.
Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.
LinkedIn