Angular JS：动态加载CSS和JS文件

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在开发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

回到顶部