angular - 具有多个出口/子问题的角度网格路由

Question

目前，当我有一些深度嵌套的子页面/网格时，我遇到了 Angular 路由系统的问题。

从登录页面到子程序之后是路由本身<router-outlet>，但是当您单击网格记录时，之后我使用自定义router.navigateByUrl导航到更深的子程序以显示网格详细信息，并且由于要保留一些参数浏览器刷新后带有网格选择的深度链接（顺便说一句，在 stackblitz 示例中删除了深度链接部分）。

一个子页面在 1 个子页面上最多可以有 4 个网格detail-page.component.ts，<router-outlet name="grid1">直到<router-outlet name="grid4">.

但是嵌套的子页面本身可以是无穷无尽的，第一和第二级深度很好并且可以按预期工作，但是问题出现在更深的层次上，所以当多个出口聚集在一个 url 中时，例如：
/dummy-programs/子程序-x;productid=6;take=15;skip=0/details;productid=5;take=15;skip=0/(grid1:y-details);productid=7;take=15;skip= 0/(grid1:z-细节)

我附上了一个 stackblitz 示例，其中包含我目前正在开发的应用程序的轻量级/剥离版本： https ://stackblitz.com/edit/grid-routing-example?file=index.html

有没有人有同样的问题？
这是由 Angular 团队设计完成的，还是这种方式在技术上不可行？
还是我需要创建另一种方式来做到这一点？

提前谢谢了！

标签： angulartypescriptroutes