我目前正在Angular Elements上开发微型应用程序。一切正常,将我的微型应用程序包含在容器应用程序中的过程也很好,但是在尝试增加微型应用程序的复杂度以允许它们拥有自己的路由器插座时,我遇到了麻烦。
我在Element的主要组件中添加了一个路由器插座,它确实可以路由我创建的组件,但是它会更改托管应用程序的顶级URL。
我想让该应用程序路由独立于主应用程序之外,因此我通过在扩展应用程序中使用命名路由器出口并将该名称添加到路由中来进行尝试,但这导致错误,表明路径无法被发现。
这里是否缺少明显的东西,或者是Angular Elements不支持的内容?我在网上找到的所有文章在展示如何制作Angular Elements时都根本没有提到路由器。
谢谢!
答案 0 :(得分:0)
对于遇到这个问题的任何人-我找到了一篇很棒的文章,我设法遵循了这篇文章,从中获得了我需要的东西。
https://medium.com/@timon.grassl/how-to-use-routing-in-angular-web-components-c6a76449cdb
本文的要旨是您可以在element应用程序内使用命名路由器出口。然后,您可以选择使用RouterTestingModule来处理路由,而不必在导航时更改整体应用程序URL,或者选择进行一些查找来获取指定的路由器出口以影响URL。非常值得一读。