0

我玩 Angular Elements 已经有一段时间了。我们的团队正在构建多个独立的 Angular 项目并将它们转换为 Angular Elements。我们还构建了一个主外壳，这些角度元素将在主外壳中调用。

主外壳由 Angular 编写。到目前为止，我发现我只能将角度元素嵌入到index.html主外壳中。但是，我想知道有没有办法在 中使用角度元素app.component.html？

mainShell 中的 index.html ：在这里可以正常使用app1-element。

<!DOCTYPE html>
<html lang="en">
  <head>
  ...
    <script src="../../elements/app1-element.js"></script>
  </head>
  <body>
    <app1-element></app1-element> 
  </body>
</html>

角度项目结构如下所示。那么如何使用app1-element呢app.component.html？我在那里使用类似的代码，但它不起作用。顺便说一句，要运行主 shell，我使用Go LivefrommainShell/src 

app1
--src
----app
------app.module.ts (customElements.define('app1-element', el);)
--package.json

mainShell
--src
----app
------app.component.html (I want to use 'app1-element' here)
----index.html
--package.json

提前致谢！

4

1 回答 1

-1

我想通了。要在 中使用 Angular 元素app.component.html，您需要.js正确导入文件。有几种方法可以做到这一点，您可以使用 SystemJS、dimport 或使用 JQuery 的静态导入。我是我的demo，我导入的是.js静态文件，请参考这篇文章

于 2019-06-14T14:07:50.870 回答