[英]Unable to load angular component in HTML
无法通过注入角度释放参考脚本来加载角度分量。
基本上,我有一个普通的index.html,它没有引用角度发布捆绑脚本(main.js,runtime.js,polyfill.js)。 我试图通过调用jquery函数(例如$('#angular')。html(注入所有角度选择器和脚本))将脚本注入html,但是它不会像普通的html选择器那样加载我的角度组件。 我试图以通常的方式来添加角度选择器和脚本捆绑的引用,并刷新html页面以加载组件。 我想知道如果我在运行时注入选择器和引用,为什么它不起作用。
<html>
<head>
<script src="jquery.js"></script>
</head>
<body>
<div id="angularLayout">
</div>
<script>
setTimeout(
function()
{
$("#angularLayout").html("<app-root></app-root><script
src="runtime.js"></script>
<script src="polyfills.js"></script>
<script src="main.js"></script>")
}, 3000);
</script>
</body>
</html>
预期的结果:我期望的是,当我加载页面时,它将触发该功能,以将角度选择器和脚本从角度发布捆绑脚本中注入html元素,以加载角度组件并显示UI。
实际结果:在我将捆绑了角度脚本的角度选择器注入后,它什么也没有加载。 在检查中,选择器在那里,但没有任何内容。
这是因为$("#angularLayout").html()
无法执行脚本标签。 你需要做.getScript()
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.