繁体   English   中英

无法在HTML中加载角度组件

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM