无法在 HTML 中加载角度组件答案

【问题标题】：Unable to load angular component in HTML无法在 HTML 中加载角度组件
【发布时间】：2019-07-26 02:36:03
【问题描述】：

无法通过注入角度释放参考脚本来加载角度组件。

基本上，我有一个普通的 index.html，它没有引用角度发布捆绑脚本（main.js、runtime.js、polyfill.js）。我尝试通过调用 $('#angular').html（注入所有角度选择器和脚本）之类的 jquery 函数将脚本注入 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。

实际结果：在我注入捆绑了角度脚本的角度选择器后，它不会加载任何内容。在检查中，选择器在那里，但它没有任何内容。

【问题讨论】：

标签： jquery html angular7

【解决方案1】：

这是因为$("#angularLayout").html() 不执行您的脚本标签。你需要做.getScript()

【讨论】：