Soy nuevo en angularJS. Me las arreglé para construir una aplicación de phonegap utilizando angularJS. La aplicación está ok y funcionando bien. El problema es que ahora que tengo un poco más de comprensión sobre cómo angularJS funciona (al menos eso creo yo), me preocupa que mi app estructura de los archivos y el código de la capacidad de mantenimiento. Mi proyecto sigue el angular de la semilla de patrón. Angular de la Semilla en GitHub donde me tienen esta estructura:

js
   app.js
   controllers.js
   directives.js
   services.js
   filters.js

Después de investigar cómo la estructura de las aplicaciones con angularJS, he encontrado algunos muy buenos artículos al respecto: Edificio Huuuuuge Aplicaciones con AngularJS y CÓMO ESTRUCTURAR GRANDES APLICACIONES ANGULARJS

Mi pregunta parece muy tonto para mí, pero no pude encontrar una manera de salir. Me las arreglé para separar mis controladores en diferentes archivos y ahora tengo esta estructura:

scripts
    controllers
             LoginCtrl.js
             HomeCtrl.js
             AboutCtrl.js
             ClientCtrl.js 

Lo que estoy luchando es que en la forma en que mi aplicación fue antes, sólo había uno controller.js archivo. En mi index.html el archivo, me carga todos los archivos de secuencia de comandos normalmente el uso de la etiqueta de script. Ahora que tengo 4 diferentes .js archivos de los controladores de mi, ¿cómo puedo cargar en mi index.html archivo? ¿Tengo que cargar todo lo que hay?

No se ve bien para mí la carga de todos los scripts en el index.html archivo como que (yo sé que tener un archivo para que el código se cargan de la misma forma, es simplemente extraño para mí tener muchas etiquetas de secuencia de comandos de pic allí). He encontrado el ng-repetitivo proyecto en github y en su index.html ellos cargan los scripts tipo de dinámica. El problema es que no se puede iniciar una nueva ng-bolierplate ahora mismo, y yo no podía encontrar la forma en que lo hizo. Lo siento por el largo texto. Gracias!

InformationsquelleAutor jpgrassi | 2013-12-17

2 Comentarios

  1. 12

    Referencia a cada archivo de secuencia de comandos en su propia etiqueta en index.html es sin duda una manera de hacerlo, y el más sencillo. Sin embargo, si desea algo más limpio, echa un vistazo a una de las diversas guías para la combinación de Angular con RequireJS:

    http://www.startersquad.com/blog/angularjs-requirejs/

    ¿Tiene sentido utilizar Require.js con Angular.js?

    Este enfoque está dirigido principalmente a resolver el problema de qué orden de carga de los archivos con el fin de satisfacer las dependencias, pero también tiene la consecuencia de la limpieza del índice.html…aunque con el costo de configuración adicionales en otros lugares.

    • Gracias, El primer artículo me ayudó a entender cómo funciona. Lo voy a pensar acerca de ello, porque aunque nuestro proyecto está en marcha y funcionando, y yo no quiero tener modificaciones importantes a la derecha ahora.

Dejar respuesta

Please enter your comment!
Please enter your name here