2013-07-17 27 views
14

मैं एक वेब ऐप विकसित करने के बीच में हूं। मैं यूआई में सभी फ़ाइलों को गतिशील रूप से लोड करने के लिए AngularJS का उपयोग कर रहा हूं।
1. मेरे पास है और index.html जिस पर सभी फ़ाइलों को क्लिक या लोड पर गतिशील रूप से लोड किया जाएगा।कोणीय जेएस: लोड सीएसएस और जेएस फ़ाइलें गतिशील रूप से

//index.html 
    <signin button> <signup button> // etc., 
    //on-clicking signin button a SignIn-page will load in the below div 

    <div id="bodyview"></div> 
    // end of index.html 

अब मेरी साइन-इन पृष्ठ पर कुछ हद तक नीचे संरचना

/*a div where my accordion menu will load when the 
    *below submit button is clicked*/ 

    <div id="menu"></div> 

    //other sign-in-form stuff will follow on... 

    //submit button at the end 
    <submit button> //only on clicking the submit button the menu will be loaded 

अब मेरी समस्या है, हालांकि मैं अकॉर्डियन menu.html फ़ाइल लोड करने में सक्षम हूँ, मैं नहीं कर सकती हूं तरह लग रहा है सीएसएस और जेएस फाइलों को लोड करने के लिए यह निर्भर है। मैंने ज्यादातर स्टैक ओवरफ्लो चर्चाओं और कई अन्य लोगों को देखा है .. लेकिन कोई भी मेरे लिए काम नहीं करता है।
क्या कोई कोणीय जेएस का उपयोग कर सीएसएस और जेएस निर्भरताओं को लोड करने का कोई तरीका निर्धारित करने में मदद कर सकता है ...?
किसी भी सहायता की सराहना की जाती है। अग्रिम धन्यवाद

में

उत्तर

18

बस <head>

यहाँ करने के लिए CSS और JS फ़ाइलों को जोड़ने के लिए एक सेवा के बारे में एक उदाहरण सेवा है जो गतिशील रूप से लोड करने के लिए सीएसएस files.You आसानी से इसे संशोधित कर सकते हैं जे एस फ़ाइलें लोड करने के लिए इस्तेमाल किया जाता है।

https://github.com/Yappli/angular-css-injector

+2

क्या यह जेएस फाइलों को इंजेक्ट करने के लिए भी इस्तेमाल किया जा सकता है? –

+0

यह आईई 7/8 में काम नहीं कर सकता है। Http://stackoverflow.com/a/4754995/634204 –

+0

देखें कि हम इसका उपयोग कर जेएस फाइल कैसे जोड़ सकते हैं? जैसे नियंत्रकों। –

0
app.controller('MyCtrl', function($scope,$compile) { 
$("#my").append($compile("<script src='my.js'>")($scope)); 
}); 
+1

हां! यह गलत तरीका है। Http://docs.angularjs.org/guide/directive –

+0

देखें आपको नियंत्रकों में डोम मैनिपुलेशन नहीं करना चाहिए। कोणीय – ehsan88

1
इसके बजाय AngularJS माध्यम से जाने की

, मैं JQuery का उपयोग करके फ़ाइलें लोड करने के लिए कोशिश की। यह मेरे लिए काम किया। You can check this link for reference

+1

का उपयोग करते समय यह एक नुकसान है और यहां मैंने सोचा कि मुझे ऐसा कोई जवाब नहीं दिखाई देगा जो "jQuery का उपयोग क्यों न करें?" मार्ग ... –

+0

ओपी AngularJS का उपयोग कर फ़ाइल लोड करने का प्रयास कर रहा था। फ़ाइलों को लोड करने के लिए JQuery जैसे लाइब्रेरी को जोड़ना एक अच्छा समाधान नहीं है। यह सादा जावास्क्रिप्ट में भी किया जा सकता है जैसा कि वर्णन किया गया है [यहां] (http://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript) –

7

वर्तमान में मैं कोणीय सीएसएस का उपयोग करें: https://github.com/door3/angular-css IMHO, यह इस समय सबसे अच्छा और सबसे लचीला समाधानों में से एक है।

संबंधित मुद्दे