Angular 元素内的独立路由器插座

Separate Router Outlet within Angular Element

我目前正在尝试 Angular 元素来制作微型应用程序。这一切都很好，将我的微应用程序包含到容器应用程序中的过程也很好，但我在尝试增加我的微应用程序的复杂性以允许它们拥有自己的路由器插座时遇到了麻烦。

我在我的元素的主要组件中添加了一个路由器出口，它确实通过我创建的组件进行路由，但它更改了托管应用程序的顶层 URL。

我想让这个应用程序路由独立于主应用程序，我通过在我的扩展应用程序中使用命名路由器出口并将该名称添加到路由来尝试这个，但这导致路径错误找不到。

这里是否有明显的遗漏，或者 Angular Elements 尚不支持我尝试做的事情？我在网上找到的所有文章在展示如何制作 Angular 元素时根本没有提到路由器。

谢谢！

对于遇到这个问题的任何人 - 我发现了一篇很棒的文章，我设法遵循它以从中获得我需要的东西。

本文的要点是您可以在元素应用程序中使用命名路由器插座。然后，您可以选择使用 RouterTestingModule 来处理路由，而不让整个应用程序 URL 在 nevigate 上发生变化，或者进行一些探索以获取命名的路由器插座以影响 URL。值得一读。