HOWTO · Angular

En charge en Angular

Ce tutoriel montre comment appeler une fonction au chargement dans 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 :

résultat de la fonction Angular sur chargement

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.