AngularJS是一個(gè)非常好用的前端WEB框架，它允許我們動(dòng)態(tài)地加載JS和CSS文件，從而使我們的WEB頁(yè)面動(dòng)態(tài)化。下面我們來(lái)詳細(xì)了解一下AngularJS動(dòng)態(tài)加載JS CSS的實(shí)現(xiàn)方法

//動(dòng)態(tài)加載JS
function loadJS(url) {
var script = document.createElement('script');
script.type = "text/javascript";
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
//動(dòng)態(tài)加載CSS
function loadCSS(url) {
var link = document.createElement('link');
link.rel = "stylesheet";
link.type = "text/css";
link.href = url;
document.getElementsByTagName('head')[0].appendChild(link);
}

以上就是動(dòng)態(tài)加載JS CSS的代碼實(shí)現(xiàn)，接下來(lái)我們看一下如何在AngularJS中使用。

在上面的代碼中，我們用AngularJS定義了一個(gè)名為myApp的模塊，并在其中定義了一個(gè)名為myCtrl的控制器。在控制器中，我們使用$http服務(wù)加載外部JS和CSS文件，并將其動(dòng)態(tài)地添加至DOM中，實(shí)現(xiàn)了動(dòng)態(tài)加載JS CSS的效果。