AngularJS application de la structure du fichier

Sur une grande application AngularJS avoir tous mes contrôleurs dans un seul "controllers.js" fichier semble un peu des nations unies-facile à gérer pour moi. Est-il une meilleure façon de le faire, tels que:

\js\controllers\myController.js
\js\controllers\yourController.js
\js\controllers\ourController.js

et cela vaut aussi pour les filtres, les services, directives, etc...

Une autre bonne référence pourrait être générateur yeoman angulaire github.com/yeoman/generator-angular
l'espoir qu'il sera utile tech-blog.maddyzone.com/javascript/code-organization-angularjs
Espérons que cela vous mène quelque part. github.com/jofftiquez/angular-app-starter-pack

InformationsquelleAutor AndrewMcLagan | 2013-07-04

49

Il ya beaucoup de façons d'organiser votre code. Vous pouvez consulter les liens suivants
Vous pouvez suivre leur standard ou vous pouvez faire votre propre.

Essayer de suivre les lignes directrices suivantes:
- Contollers ne devrait pas être trop long, si c'est trop long alors qu'il est de la manipulation de multiples responsabilités
- Essayez d'utiliser les Directives et les Services dans votre système de réutiliser votre code/logique
- Directives sont les choses les plus puissantes dans Angualrjs, essayez d'obtenir le maximum de profit.
- Écrire des Tests; mieux encore, vous pouvez essayer à la pratique du TDD avec AngularJS
- organiser les choses par type de est bon pour les petits projets, mais il n'aide pas si vous souhaitez emprunter certaines des fonctionnalités que vous avez écrit dans le passé. C'est là l'origine par la fonctionnalité, ex. module, entre en jeu. J'ai vraiment plaisir à lire le deuxième article de votre liste. Merci pour le partage.
- Votre troisième lien est une 404 en 2018.
- Merci pour cette remarque. La structure a été Angulaire 1, mise à jour de ma Réponse.
InformationsquelleAutor Imrul

Vous pouvez le gérer comme module sage!!

Par exemple , prendre en vue d'utilisateur , vous rendre à un répertoire, ici son nom d'utilisateur!!

user //directory , now put all controller ,service and directive file into it !! 

-- userController.js    // controller file 

-- userService.js       //service file

-- userDirective.js     //directive file

-- views                //make directory, and put all html file regarding that module into this

  --users.html          //html file

Espérons que cela vous aidera!!

Découvrez ma réponse ci-dessous, le dos vous bien: stackoverflow.com/a/24829399/892955

InformationsquelleAutor Shivali Patel

3

De voir comment ces deux starter projets d'organiser des fichiers pour une plus grande échelle d'applications:
- https://github.com/angular-app/angular-app/
- https://github.com/joshdmiller/ng-boilerplate
InformationsquelleAutor Alexander Puchkov
3

Vous pouvez avoir un coup d'oeil à cette communautaires guide.

Le guide décrit les meilleures pratiques pour l'organisation de la structure de répertoire d'une grande application AngularJS.

Il fait également des recommandations sur l'appellation et la structuration d'AngularJS modules, des contrôleurs, des directives, des filtres et des services.

C'est aussi la peine de vérifier un outil comme Lineman.js avec le AngularJS modèle d'application.

Pour l'entreprise AngularJS projets, vous voudrez peut-être regarder ce kickstarter qui est basé sur ng-réutilisable.

InformationsquelleAutor user2845946

Il y a un beau document de là à partir de Google équipe qui Shivali de l'exemple:
https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

Quelque chose comme ceci:

sampleapp/
    app.css
    app.js                top-level configuration, route def’ns for the app
    app-controller.js
    app-controller_test.js
    components/
    adminlogin/                                
            adminlogin.css                styles only used by this component
            adminlogin.js              optional file for module definition
            adminlogin-directive.js
            adminlogin-directive_test.js        
                    private-export-filter/
                            private-export-filter.js
                            private-export-filter_test.js
    userlogin/
    somefilter.js
    somefilter_test.js
    userlogin.js
    userlogin.css                
    userlogin.html                
    userlogin-directive.js
    userlogin-directive_test.js
    userlogin-service.js
    userlogin-service_test.js                
            index.html
    subsection1/
    subsection1.js
    subsection1-controller.js
                    subsection1-controller_test.js
                    subsection1_test.js                         
                    subsection1-1/                        
                            subsection1-1.css
                            subsection1-1.html
                            subsection1-1.js
                            subsection1-1-controller.js
    subsection1-1-controller_test.js
                    subsection1-2/                        
            subsection2/
    subsection2.css
    subsection2.html
    subsection2.js
    subsection2-controller.js
    subsection2-controller_test.js
            subsection3/
                    subsection3-1/
    etc...

InformationsquelleAutor marksyzm

0

Vérifier cela, construire votre angulaire app avec CoffeeScript, SCSS.

https://github.com/nhim175/modular-angular-skeleton/

InformationsquelleAutor Thịnh Phạm

Vous devez vous connecter pour publier un commentaire.