Le meilleur didacticiel AngularJS Module en 2024, dans ce didacticiel, vous pouvez apprendre Créer un module,Ajouter Controller,AngularJS exemples,Ajouter des instructions,AngularJS exemples,Modules et contrôleurs inclus dans le fichier JS,AngularJS exemples,myApp.js,myCtrl.js,Fonction affectera l'espace de noms global,Lors du chargement de la bibliothèque?,AngularJS exemples,
Module définit une application.
Le module est un conteneur dans différentes parties de l'application.
Module de contrôleur est une application de conteneur.
Le dispositif de commande appartiennent généralement à un module.
Vous pouvez créer un module par AngularJS de la fonctionangular.module:
le paramètre "MonAppli" correspond à l'exécution de l'application des éléments de HTML.
Maintenant, vous pouvez ajouter un contrôleur des instructions, des filtres, etc., dans des applications AngularJS.
Vous pouvez utiliser des instructionsng-contrôleur pour ajouter contrôleur d'applications:
Vous pouvez AngularJS Contrôleurs apprendre plus de connaissances sur la section du contrôleur.
AngularJS fournit de nombreuses commandes intégrées, vous pouvez les utiliser pour ajouter des fonctionnalités à votre application.
Des instructions complètes peuvent être trouvées dans le contenu du manuel de référence AngularJS .
En outre, vous pouvez utiliser le module pour ajouter vos propres applications d'instruction:
Vous pouvez AngularJS directives en apprendre plus de connaissances sur la section d'instruction.
AngularJS Typiquement module d'application et le contrôleur est inclus dans le fichier JavaScript.
Dans les exemples suivants, "myApp.js" contient la définition des modules d'application du programme, "myCtrl.js" fichier contient le contrôleur:
Dans la définition du module [] paramètre est utilisé pour définir des dépendances de module. Les crochets [] indique que le module ne repose pas sur, s'il y a la dépendance, alors dépendra du nom du module écrit entre parenthèses. |
JavaScript doit éviter d'utiliser des fonctions globales. Parce qu'ils peuvent facilement être recouverts d'un autre fichier de script.
AngularJS module de portée, de sorte que toutes les fonctions du module, afin d'éviter le problème.
Dans notre exemple, toutes les bibliothèques de documents AngularJS HTML sont chargés dans la tête. |
Pour les applications HTML est généralement recommandé à tous les scripts sont placés dans la partie inférieure de élément <body>.
Cela permettra d'accroître la page vitesse de chargement, parce que le HTML ne sont pas soumis à une charge de script à charger.
Dans notre exemple multiples AngularJS, vous verrez la bibliothèque AngularJS est chargé dans le <head> du document.
Dans notre exemple, AngularJS dans l'élément <head> est chargé, parce que l'appel à angular.module seulement être effectuée après l'achèvement du chargement de la bibliothèque.
Une autre solution est de charger la bibliothèque AngularJS élément <body>, mais il doit être placé en face de votre script AngularJS: