在父路由器出口中呈现子路由

Question

我正在处理一个相当大的应用程序，其中包含很多相互关联的“实体”。让我们用一个简单的CRUD应用程序简化该应用程序，每种类型的实体都有很多“ MasterDetail”屏幕。

（MasterDetail：左侧的实体列表/表格，单击左侧的项目时右侧的详细信息）

正如我所说，许多实体都“连接”到其他实体，因此，从细节上，您可以单击这些其他实体，这些实体有时又在MasterDetail中呈现，但在此示例中为了简单起见，一个带有额外分页控件的“详细信息”页面（以便用户可以轻松转到下一个链接的实体）

许多实体类型都已连接。为了避免循环依赖问题，我们必须使用LazyLoading。 （如果不这样做，我们最终将进入一个巨大的模块，这显然不是我们想要的）

我已经举了一个例子：

一个MasterDetail组件，其左侧的列表/表格和右侧的详细信息。

• 详细信息显示在MasterDetail内部的router-outlet中。
• 到连接的实体的路由必须是“子路由”，因为路由的组件必须可以访问DetailComponent（可能是通过组件注入？）

好，现在是问题所在： 一切正常，除了我无法正确使用ui。当我从“ DetailComponent”单击一个连接的实体时，我不希望它在detailComponent内部呈现，而是完全在MasterDetail下呈现。 实际上，我想要“隐藏”（而不是销毁，因为我需要状态）MasterDetail，因此我可以渲染细节，并采用MasterDetail使用的完整大小。

我当时正在考虑使用命名的路由器插座作为解决方案，但我无法使其正常工作。

您可以在此处找到示例： https://ng-run.com/edit/KzNjVgPMhXNob3QekJyv

有什么建议吗？