मुझे अंगुलरजेएस कारखानों और सेवाओं को कहां रखा जाना चाहिए?

Question

मैं अपने अंगुलरजेएस ऐप को सर्वोत्तम प्रथाओं के अनुसार साफ करने के लिए काम कर रहा हूं, जिसमें नियंत्रकों और ऐप को अलग-अलग स्क्रिप्ट फ़ाइलों में अलग करना शामिल है।

त्वरित प्रश्न: मुझे अपनी कारखानों और सेवाओं को कहां रखना चाहिए? मैं कारखानों & सेवाओं के संदर्भ में पूछ रहा हूं जो एक नियंत्रक के दायरे के बाहर और साथ ही कुछ नियंत्रक के दायरे के भीतर भी पहुंच पाएंगे।

Answer 1

अद्यतन: नीचे तत्काल उत्तर अब सही नहीं है। कृपया इस उत्तर में नवीनतम अनुपूरक (1 मार्च, 2015 को लिखा गया) देखें।

समझ गया! Building Huuuuuuuge Angular Apps पर ब्रायन फोर्ड के लेख के अनुसार, सबसे अच्छा अभ्यास एक अलग फाइल के ऐप्लिकेशन से सेवाओं और कारखानों कनेक्ट करने के लिए है, इसलिए की तरह प्रतीत होता है:

root-app-folder 
├── index.html 
├── scripts 
│ ├── controllers 
│ │ └── main.js 
│ │ └── ... 
│ ├── directives 
│ │ └── myDirective.js 
│ │ └── ... 
│ ├── filters 
│ │ └── myFilter.js 
│ │ └── ... 
│ ├── services 
│ │ └── myService.js 
│ │ └── ... 
│ ├── vendor 
│ │ ├── angular.js 
│ │ ├── angular.min.js 
│ │ ├── es5-shim.min.js 
│ │ └── json3.min.js 
│ └── app.js 
├── styles 
│ └── ... 
└── views 
    ├── main.html 
    └── ... 

(पस्सट मामले में आप सोच रहे हैं कि, ब्रायन फोर्ड है । AngularJS टीम का हिस्सा है, तो उसके जवाब सुंदर कानूनी लगता है)

अलावा (24 अप्रैल, 2013)

यह सिर्फ में: Yeoman उचित निर्देशिका के साथ क्षुधा पैदा करने के लिए एक शानदार उपकरण है बड़े, कार्यात्मक कोणीय ऐप्स के लिए संरचना। इसमें Grunt & Bower पैक किया गया है!

परिशिष्ट (1 मार्च, 2015)

PaoloCargnin के माध्यम से a comment के अनुसार, गूगल वास्तव में एक अलग संरचना, के रूप में this document द्वारा विस्तृत सलाह देते हैं। संरचना इस तरह दिखनी चाहिए:

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...