角形元件内的单独路由器出口

问题描述 投票:2回答:1

我目前正在Angular Elements上开发微型应用程序。这一切都很好,并且将我的微型应用程序包含在容器应用程序中的过程也很好,但是在尝试增加微型应用程序的复杂性以允许它们拥有自己的路由器插座时,我遇到了麻烦。

我在Element的主要组件中添加了一个路由器插座,它确实路由了我创建的组件,但它更改了托管应用程序的顶级URL。

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

我是否在这里明显缺少某些东西,或者是我试图不被Angular Elements支持的内容?我在网上找到的所有文章在展示如何制作Angular Elements时都根本没有提到路由器。

谢谢!

angular element router
1个回答
0
投票

对于遇到这个问题的任何人-我找到了一篇不错的文章,我设法遵循了这篇文章以从中获得所需的信息。

https://medium.com/@timon.grassl/how-to-use-routing-in-angular-web-components-c6a76449cdb

本文的要点是,您可以在元素应用程序内使用命名的路由器插座。然后,您可以选择使用RouterTestingModule来处理路由,而不必在导航时更改整体应用程序URL,或者选择进行一些查找来获取命名路由器出口以影响URL。非常值得一读。

© www.soinside.com 2019 - 2024. All rights reserved.