条件加载Angular2
条件加载Angular2
提问于 2016-11-25 19:52:09
我需要重定向到登录页面，然后加载Angular2应用程序(不加载它)。我的项目是基于angular2-quicksart
当我在加载angular2 js文件后加载
<script>
var cookie = $.cookie(COOKIE_NAME);
if (cookie == undefined){
window.location.href = LOGIN_SERVER_URL
} else {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = "build/app/bundle.min.js";
head.appendChild(script);
head.innerHTML += ("<script>System.import('app').catch(function(err){ console.error(err); }); <\/script>");
}
</script>这个解决方案是可行的。JS已加载，应用程序正在运行。
当我使用systemjs文件加载Angular应用程序时，systemjs.config.js被加载了，但是应用程序没有运行。
`script.src = "systemjs.config.js"；
我可以动态加载systemjs吗？
回答 1
Stack Overflow用户
发布于 2017-07-17 19:57:55
这就是您加载系统JS的方式。
https://github.com/angular/quickstart/blob/master/src/index.html
这张图片取自Angular Quickstart项目。
我为上下文提供了完整的index.html：
!DOCTYPE html>
<html>
<head>
<title>Angular QuickStart</title>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<!-- Polyfill(s) for older browsers -->
<script src="node_modules/core-js/client/shim.min.js"></script>
<script src="node_modules/zone.js/dist/zone.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="systemjs.config.js"></script>
<script>
System.import('main.js').catch(function(err){ console.error(err); });
</script>
</head>
<body>
<my-app>Loading AppComponent content here ...</my-app>
</body>
</html>SystemJS是预先加载的，不是动态加载的。System JS的工作是一个动态模块加载器，但是，因为在加载System JS之前没有模块加载器，所以您不能动态加载系统JS本身。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40804431
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号