Angular JS:动态加载CSS和JS文件
我正在开发Web应用程序。我正在使用AngularJS将所有文件动态加载到UI中。
我有一个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,但是没有一个对我有用。
任何人都可以帮助确定使用AngularJS加载CSS和js依赖项的方法
回答:
只需编写一项服务即可将CSS和JS文件添加到 <head>
这是一个用于动态加载CSS文件的示例服务。您可以轻松地对其进行修改以加载JS文件。
https://github.com/Yappli/angular-css-
injector
以上是 Angular JS:动态加载CSS和JS文件 的全部内容, 来源链接: utcz.com/qa/408426.html