angularjs – Angular JS：动态载入CSS和JS文件

发布时间：2020-12-17 07:39:51 所属栏目：安全来源：网络整理

导读：我正在开发一个网络应用程序.我使用AngularJS将所有文件动态加载到UI中. 1.我有和index.html,所有文件将在点击或加载时动态加载. //index.html signin button signup button // etc.,//on-clicking signin button a SignIn-page will load in the below div

我正在开发一个网络应用程序.我使用AngularJS将所有文件动态加载到UI中.
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文件,我无法加载它依赖的css和js文件.我已经研究了大多数stackoverflow讨论和很多其他..但没有一个为我工作.
任何人都可以帮助确定使用Angular JS加载css和js依赖关系的方法？

任何帮助不胜感激提前致谢

只需编写一个服务即可将CSS和JS文件添加到< head>

这是一个用于动态加载CSS文件的示例服务.您可以轻松地修改它来加载JS文件.

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!