延遲加載angularjs應用程序
[英]Lazy load of angularjs application
問題描述
我需要的是引導AngularJs並按需呈現指令。 想象有一個啟動頁面，該頁面不應該占用大量資源（不要下載太多而無需使用，即使底部的javascript也很糟糕）。
<!DOCTYPE html>
<body>
<button onclick="loadTheApp()">Launch app</button>
<script>
function loadTheApp() {
// load Angular and other files in this manner:
var el = document.createElement('script');
el.src = '/js/app.js';
document.body.appendChild(el);
// TODO: bootstrap Angular and render directive
}
</script>
</body>
</html>
1 個解決方案
解決方案1
2 2015-08-03 19:53:16
我認為您可以使用以下解決方案：
el.onload = function() {
var element = document.body; // element which contains angular application
angular.bootstrap(element, ['myApp']);
}
假設app.js文件包含angular和應用程序（構建版本），或者已加載angular並且app.js文件包含應用程序myApp
如何在AngularJS（單頁應用程序）中延遲加載JS文件？
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.