Angular JS: carica dinamicamente file CSS e JS

Sono nel bel mezzo dello sviluppo di un'app Web. Sto usando AngularJS per caricare tutti i file dinamicamente nell'interfaccia utente.
1. Ho e index.html su cui tutti i file verranno caricati dinamicamente al clic o al caricamento.Angular JS: carica dinamicamente file CSS e JS

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

Ora la mia pagina di accesso appare un po 'come la struttura sottostante

/*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

Ora il mio problema è, anche se sono in grado di caricare il file di fisarmonica menu.html, io non sono in grado per caricare i file css e js da cui dipende. Ho esaminato la maggior parte delle discussioni sullo stackoverflow e molti altri ... ma nessuno ha funzionato per me.
Qualcuno può aiutare a determinare un modo per caricare le dipendenze css e js utilizzando Angular JS ...?
Qualsiasi aiuto è apprezzato. Grazie in anticipo

fonte

2013-07-17 Roopa

Basta scrivere un servizio per aggiungere i file CSS e JS al <head>

Ecco un servizio di esempio che viene utilizzato per caricare dinamicamente CSS files.You può modificare facilmente per caricare i file JS.

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

fonte

2013-07-17 09:13:01 rppig

può essere utilizzato anche per iniettare file JS? –

Potrebbe non funzionare in IE7/8. Vedi http://stackoverflow.com/a/4754995/634204 –

Come possiamo aggiungere file js usando questo? per esempio. controllori. –

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

fonte

2013-11-08 12:27:47 bFunc

Sì! questo è il modo sbagliato. Vedi http://docs.angularjs.org/guide/directive –

Non si dovrebbe fare manipolazione DOM nei controller. Questa è una delle trappole quando si utilizza l'angolare – ehsan88

Invece di andare da AngularJS modo, ho cercato di caricare i file utilizzando jQuery. Ha funzionato per me. You can check this link for reference

fonte

2014-06-12 06:58:32

e qui ho pensato che non avrei visto una risposta che è stata "perché non usare jQuery?" instradamento ... –

L'OP stava provando a caricare il file usando AngularJS. Aggiungere una libreria come JQuery solo per caricare i file non è una buona soluzione. Questo può essere fatto in semplice javascript anche come descritto [qui] (http://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript) –

Attualmente io uso angolare-css: https://github.com/door3/angular-css IMHO, è uno dei migliori e più flessibili soluzioni in questo momento.

fonte

2015-03-13 11:47:12

Angular JS: carica dinamicamente file CSS e JS

risposta

Problemi correlati