Angularjs a plusieurs caractéristiques majeures, telles que:
1 MVC
2 modulaire
3 systèmes de commande
4 liaison de données bidirectionnelle
Jetons donc un coup d'œil à la modularisation des AngularJS.
Tout d'abord, parlons de la raison pour laquelle vous devez implémenter la modularité:
1 réutilisabilité supplémentaire des modules
2. Définir les modules pour réaliser la personnalisation de l'ordre de chargement
3 Dans les tests unitaires, tout n'a pas à être chargé
Dans les exemples précédents, le code du contrôleur est écrit directement dans la balise de script, afin que les fonctions déclarées soient globales, ce qui n'est évidemment pas le meilleur choix.
Voyons comment modulariser:
<script type = "text / javascript"> var myAppModule = angular.module ('myApp', []); myAppModule.Filter ('test', fonction () {return function (name) {return 'hello,' + name + '!';};}); myAppModule.Controller ('MyAppCtrl', ['$ Scope', fonction ($ Scope) {$ scope.name = 'xingoo';}]); </cript>Tout d'abord, créez le module myappmodule via la variable globale angulaire
angular.module ('myApp', []);
Le premier paramètre est le nom d'application d'application lié, qui identifie le point d'entrée de l'angulaire dans la page, similaire à la fonction de la fonction principale.
Le deuxième paramètre [] identifie le module dépendant.
Jetons un coup d'œil à utiliser le module!
<! doctype html> <html ng-app = "myApp"> <éadf> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </ script> </ head> <body> <div ng-controller = "myappctrl"> {{name | test}} </ div> <script type = "text / javascript"> var myappmodule = angular.module ('myApp', []); myAppModule.Filter ('test', fonction () {return function (name) {return 'hello,' + name + '!';};}); myAppModule.Controller ('MyAppCtrl', ['$ Scope', fonction ($ Scope) {$ scope.name = 'xingoo';}]); </cript> </ body> </html>Lisez simplement MyApp à Ng-App et c'est bien.
Dans Script, nous créons un filtre et un contrôleur via des modules.
Le but du filtre est d'ajouter une modification de la chaîne.
La fonction du contrôleur est d'initialiser la variable.
Les résultats en cours d'exécution du programme sont les suivants:
Ce qui précède est le tri des informations modulaires d'AngularJS. Nous continuerons d'ajouter des informations pertinentes à l'avenir. Merci pour votre soutien pour ce site Web!