问题标签 [angular-auxiliary-routes]

在延迟加载模块中创建第二个路由器插座时，我遇到了问题。

我从这个示例开始，其中辅助路由https://stackblitz.com/edit/angular-nested-auxiliary-routes-irixxy正常工作。

我的应用程序有点复杂，我使用延迟加载的模块。在新模块中，我想使用第二个路由器插座来动态显示组件。但是我发现当辅助路由被添加到另一个模块而不是 app 模块时，它们会出现问题。

为了检查问题是否出在我的应用程序的路由中，我创建了一个示例https://stackblitz.com/edit/angular-nested-auxiliary-routes-bpuswu，它与基本示例类似，但添加了延迟加载模块，其中路由（主要和次要）已配置。问题是与辅助出口路径的链接无法正常工作并给出错误Cannot match any routes. URL Segment: 'level-0'。创建的无效链接就像[...]/level-0/(level-1//outlet1:aux-1). 同样的问题出现在我的应用项目中。

任何人都有类似的问题并且知道如何解决它？我的日常有什么问题吗？还是路由器的BUG？

我有一个 Angular 12 应用程序，它在左侧显示事物列表，在右侧显示所选事物的详细信息。因为用户应该能够获得指向特定事物的深层链接，所以选择是通过 Angular 路由器完成的。这部分可以很容易地完成，并且有很多例子可以实现这一点。

该应用程序还有一个模态，例如，创建一个新事物，对于这个模态，应用程序使用辅助路由，以便外部站点可以直接链接到它。

截屏

起初，我对生成的 URL 感到困惑，例如，当我打开模式时，我得到

，但是选择具有打开模式的项目工作正常，这似乎是 Angular 路由器从 URL 树构造 URL 的方式。

什么不起作用是一旦打开模式就关闭它。我目前正在尝试通过将modal插座设置为来实现这一点，null但它不起作用：

我也有一个带有完整示例的Stackblitz 。

问题

1. 如何关闭模式？
2. 之后是否可以有一个“干净”的 URL（不带括号），即gb/en_GB/layout/1

我的 app-routing.module.ts 内容看起来像这样。

我有一个 header.html。加载标题链接。

问题 1

单击任何标题链接时，它会正确加载 nav-menu.html（侧栏）。但是，单击 nav-menu.html 中的任何链接时，我希望将entity-list component其加载到与侧栏相邻的区域（带有蓝色边框）中。然而，这不会发生。控制台中也没有错误。

问题2

将内容加载到蓝色边框区域后，我希望仅将所有内容加载到该区域中。例如，我有entity-list component应该在其中加载新组件的链接，我希望仅在蓝色边框区域中加载该新组件。