En charge en Angular

Rana Hasnain Khan 15 février 2024
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 :

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.

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

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