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

回到顶部