时间戳

首页 > 解决方案 > 无法在 HTML 中加载角度组件

jquery - 无法在 HTML 中加载角度组件

问题描述

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

基本上，我有一个普通的 index.html，它没有引用角度发布捆绑脚本（main.js、runtime.js、polyfill.js）。我试图通过调用像 $('#angular').html(inject all the angular selector and script) 这样的 jquery 函数将脚本注入到 html 中，但它不会加载我的 angular 组件，它只是一个普通的 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。

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

标签： jqueryhtmlangular7

解决方案

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

推荐阅读