AngularJS अनुप्रयोग: कैसे index.html

Question

में .js फ़ाइलों को शामिल करने मैं AngularJS के लिए नया हूँ। मैं angularJS का उपयोग कर एक फोनगैप ऐप बनाने में कामयाब रहा। ऐप ठीक है और ठीक चल रहा है। समस्या मैं कैसे AngularJS काम करता है (कम से कम मुझे लगता है कि मेरे पास है), मैं अपने ऐप फ़ाइलों संरचना और कोड रख-रखाव बारे में चिंतित हूँ पर थोड़ा और अधिक समझ है, अब। मेरी परियोजना कोणीय-बीज पैटर्न का पालन करती है। Angular Seed on GitHub जहां मैं इस संरचना है:

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

AngularJS साथ क्षुधा संरचित करने के तरीके पर शोध के बाद, मैं कुछ बहुत ही अच्छा लेख इस बारे में मिल गया है: Building Huuuuuge Apps with AngularJS और HOW TO STRUCTURE LARGE ANGULARJS APPLICATIONS

मेरा प्रश्न मुझे, लेकिन मैं करने के लिए बहुत मूर्खतापूर्ण लगता है एक रास्ता नहीं मिल सका। मैं अलग फ़ाइलों में मेरी नियंत्रकों को अलग करने में कामयाब रहे और मैं अब इस संरचना है:

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

बात यह है कि मैं के साथ संघर्ष कर रहा हूँ जिस तरह से है कि मेरे ऐप से पहले था, मैं केवल एक controller.js फ़ाइल था कि है । मेरी index.html फ़ाइल में, मैं स्क्रिप्ट टैग का उपयोग कर सामान्य रूप से सभी स्क्रिप्ट फ़ाइलों को लोड करता हूं। अब मेरे पास मेरे नियंत्रकों के लिए 4 अलग .js फ़ाइलें हैं, मैं उन्हें अपनी index.html फ़ाइल में कैसे लोड करूं? क्या मुझे उन्हें वहां लोड करना है?

मुझे इंडेक्स.html फ़ाइल में सभी स्क्रिप्ट लोड करने का अधिकार नहीं है (मुझे पता है कि एक फ़ाइल होने के कारण कोड को उसी तरह लोड किया जाएगा, यह मेरे लिए बहुत ही अजीब है वहाँ पैक पैक)। मुझे github पर ng-boilerplate प्रोजेक्ट मिला है और उनके index.html पर वे स्क्रिप्ट को गतिशील रूप से लोड करते हैं। समस्या यह है कि, मैं अभी एक नया एनजी-बॉलीयरप्लेट शुरू नहीं कर सकता, और मुझे नहीं पता कि उन्होंने यह कैसे किया। लंबे पाठ के लिए खेद है। धन्यवाद!

Answer 1

index.html में अपनी ही टैग में प्रत्येक स्क्रिप्ट फ़ाइल है निश्चित रूप से एक तरह से यह करने के लिए संदर्भित है, और सबसे सरल। हालांकि, अगर आप कुछ क्लीनर चाहते हैं, एक नज़र विभिन्न गाइड में से एक में RequireJS साथ कोणीय के संयोजन के लिए ले: मुख्य रूप से क्या क्रम में की समस्या को हल पर

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

Does it make sense to use Require.js with Angular.js?

यह दृष्टिकोण के उद्देश्य से है आदेश निर्भरता को पूरा करने के फ़ाइलें लोड, लेकिन यह भी कहीं और अतिरिक्त विन्यास की कीमत पर index.html की सफाई ... यद्यपि का परिणाम है।

Answer 2

उपयोग http://browserify.org/

आप अपने ब्राउज़र में Node.js से अद्भुत पुस्तकालयों में से बहुत सरल और सुरुचिपूर्ण commonjs modules और बहुत मिलता है।

कोड एकल js फ़ाइल में बंडल हो जाता है।