无法加载 HTML 中的 angular 组件

Question

无法通过注入 angular 发布参考脚本来加载 angular 组件。

基本上，我有一个正常的 index.html，它没有引用 angular 发布捆绑脚本（main.js、runtime.js、polyfill.js） .我试图通过调用像 $('#angular').html(注入所有 angular 选择器这样的 jquery 函数来将脚本注入 html和脚本），但它不会加载我的 angular 组件，它只是一个普通的 html 选择器。我尝试采用正常方式，即添加 angular 选择器和脚本捆绑引用并刷新 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>

预期结果：我期望的是，当我加载页面时，它将触发函数将 angular 选择器和脚本从 angular 发布捆绑脚本注入 html 元素以加载 angular 组件和显示 UI.

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

Answer 1

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

无法加载 HTML 中的 angular 组件

Unable to load angular component in HTML

html

jquery

angular7