Aperçu
Cette section explique le processus d'initialisation AngularJS et comment vous devez modifier l'initialisation AngularJS en cas de besoin.
Tag <script> d'Angularjs
Cet exemple montre notre méthode recommandée d'intégration d'AngularJS, qui est appelée "auto-initialisation".
La copie de code est la suivante:
<! doctype html>
<html xmlns: ng = "http://angularjs.org" ng -pp>
<body>
...
<script src = "angular.js"> <cript>
</docy>
</html>
format-femelle
1. Placez la balise de script dans le code ci-dessus en bas de la page. La mise en place de la balise de script en bas raccourcit le temps de chargement de l'application, car le chargement HTML ne sera pas bloqué par le chargement du script Angular.js. Vous pouvez obtenir la dernière version de http://code.angularjs.org. Veuillez ne pas vous référer à cette URL dans votre code, car elle exposera les risques de sécurité de votre site. S'il s'agit juste d'un développement expérimental, il n'y a aucun problème à lier à notre site.
1) .angular- [version] .js est une version lisible adaptée au développement et au débogage.
2) .angular- [version] .min.js est une version compressée et obscurcie, adaptée au déploiement dans des produits moulés.
2. Veuillez mettre la directive NG-App dans le nœud racine de la balise de votre application. Si vous voulez que AngularJS exécute automatiquement l'ensemble du programme <html>, mettez-le dans la balise <html>.
La copie de code est la suivante:
<html ng-app>
3. Si vous souhaitez utiliser l'ancienne version de la syntaxe d'instructions: ng:, vous devez également écrire XML-Namespace dans <html> pour que Angularjs fonctionne normalement sous IE. (Ceci est fait pour quelques raisons historiques, et nous ne recommandons pas de continuer à utiliser la syntaxe NG:).
La copie de code est la suivante:
<html xmlns: ng = "http://angularjs.org">
Initialisation automatique
AngularJS sera exécuté lorsque l'événement DomContent est déclenché et utilisera la directive NG-App pour trouver la portée racine de votre application. Si la directive NG-App est trouvée, AngularJS sera:
1. Chargez des modules liés au contenu de l'instruction.
2. Créez "l'injecteur" d'une application.
3. La balise directive NG-App est le nœud racine pour compiler le DOM. Cela vous permet de spécifier une partie du DOM comme votre application AngularJS.
La copie de code est la suivante:
<! doctype html>
<html ng-app = "optionalModuLename">
<body>
Je peux ajouter: {{1 + 2}}.
<script src = "angular.js"> </ script>
</docy>
</html>
Initialisation manuelle
Si vous devez prendre l'initiative de contrôler le processus d'initialisation, vous pouvez utiliser la méthode d'exécution manuelle du programme de démarrage. Par exemple, lorsque vous utilisez un "chargeur de script" ou que vous devez effectuer des opérations avant que AngularJS ne compile la page, vous l'utiliserez.
L'exemple suivant montre comment initialiser manuellement AngularJS. Son effet équivaut à l'utilisation de la directive NG-App.
La copie de code est la suivante:
<! doctype html>
<html xmlns: ng = "http://angularjs.org">
<body>
Bonjour le monde'}}!
<script src = "http://code.angularjs.org/angular.js"> </ script>
<cript>
angular.element (document) .ready (function () {
angular.bootstrap (document);
});
</cript>
</docy>
</html>
Voici quelques commandes que votre code doit suivre:
1. Une fois la page et tous les scripts sont chargés, trouvez le nœud racine du modèle HTML - généralement le nœud racine du document.
2. Appelez API / Angular.bootstrap pour compiler le modèle dans une application exécutable de liaison aux données.