AngularJS App: Come includere .js nell’index.html

Sono nuovo di angularJS. Sono riuscito a costruire un app con phonegap angularJS. L’app è ok e funzionante bene. Il problema è che, ora che ho un po ‘ più di comprensione su come angularJS funziona (almeno credo di avere), io sono preoccupato per la mia app struttura di file e la manutenibilità del codice. Il mio progetto segue angolare di semi di pattern. Angolare Seme su GitHub dove ho questa struttura:

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

Dopo una ricerca come struttura apps con angularJS, ho trovato alcune molto belle degli articoli su di essa: Edificio Huuuuuge Apps con AngularJS e COME STRUTTURA DI GRANDI DIMENSIONI ANGULARJS APPLICAZIONI

La mia domanda mi sembra molto stupido a me, ma non riuscivo a trovare un modo out. Sono riuscito a separare il mio controller in diversi file e ora ho questo struttura:

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

Cosa che sto lottando con è che il modo in cui la mia app è stata prima, ho avuto solo uno controller.js file. Nel mio index.html file, caricare tutti i file di script normalmente utilizzando il tag script. Ora che ho 4 diversi .js file per il mio controller, come faccio a caricare il mio index.html il file? Devo caricare tutti lì?

Non guardare a destra mi carico tutti gli script nel index.html file del genere (so che avere un unico file il codice verrà caricato allo stesso modo, è solo strano per me avere molti tag script imballato c’). Ho trovato il ng-boilerplate progetto su github e sul loro index.html non caricare gli script di tipo dinamico. Il problema è che non posso avviare un nuovo ng-bolierplate adesso, e non riuscivo a capire come hanno fatto. Scusate per il testo lungo. Grazie!

  • possibile duplicato di AngularJS convenzione per più file
  • Io non ho mai usato grugnito prima. Il mio progetto non è stato installato un progetto phonegap quindi sono davvero confuso su come farlo.
InformationsquelleAutor jpgrassi | 2013-12-17

 

2 Replies
  1. 12

    Riferimento a ciascun file di script nel proprio tag index.html è sicuramente un modo per farlo, e il più semplice. Tuttavia, se volete qualcosa di più pulito, dare un’occhiata a una delle varie guide per la combinazione Angolare con RequireJS:

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

    Non ha senso usare Require.js con Angular.js?

    Questo approccio è rivolto principalmente a risolvere il problema di quale ordine di caricare i file in modo da soddisfare le dipendenze, ma anche la conseguenza di ripulire l’indice.html…anche se al costo di configurazione aggiuntive altrove.

    • Grazie, Il primo articolo che mi ha aiutato a capire come funziona. Penso di usarlo, però, perché il nostro progetto è attivo e funzionante e non voglio avere sostanziali cambiamenti di ora.

Lascia un commento