AngularJS tiene varias características principales, como:
1 MVC
2 modular
3 Sistema de comando
4 enlace de datos de dos vías
Así que echemos un vistazo a la modularización de Angularjs.
Primero, hablemos de por qué necesita implementar la modularidad:
1 Se agregó la reutilización de los módulos
2. Defina módulos para realizar la personalización del orden de carga
3 En las pruebas unitarias, no todo tiene que cargarse
En los ejemplos anteriores, el código del controlador se escribe directamente en la etiqueta de script, de modo que las funciones declaradas son globales, que obviamente no es la mejor opción.
Veamos cómo modularizar:
<script type = "text/javaScript"> var myAppModule = angular.module ('myApp', []); myAppModule.Filter ('test', function () {return function (name) {return 'hello,'+name+'!';};}); myAppModule.Controller ('myAppCtrl', ['$ scope', function ($ scope) {$ scope.name = 'xingoo';}]); </script>Primero, cree el módulo myAppModule a través de la variable global angular
angular.module ('myApp', []);
El primer parámetro es el nombre de la aplicación de aplicación unida, que identifica el punto de entrada de la angular en la página, similar a la función de la función principal.
El segundo parámetro [] identifica el módulo dependiente.
¡Echemos un vistazo a cómo usar el módulo!
<! DocType html> <html ng-app = "myApp"> <head> <meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> <script <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </script> </head> <body> <div ng-controller = "myappctrl"> {{nombre | prueba}} </div> <script type = "text/javaScript"> var myAppModule = angular.module ('myApp', []); myAppModule.Filter ('test', function () {return function (name) {return 'hello,'+name+'!';};}); myAppModule.Controller ('myAppCtrl', ['$ scope', function ($ scope) {$ scope.name = 'xingoo';}]); </script> </body> </html>Simplemente ata a MyApp a Ng-App y está bien.
En el script, creamos un filtro y un controlador a través de módulos.
El propósito del filtro es agregar modificación de cadena.
La función del controlador es inicializar la variable.
Los resultados en ejecución del programa son los siguientes:
Lo anterior es la clasificación de información modular de Angularjs. Continuaremos agregando información relevante en el futuro. ¡Gracias por su apoyo para este sitio web!