在另一条路线上打开模式作为单独路线[重复]答案

【问题标题】：Open modal as an individual route on another route [duplicate]在另一条路线上打开模式作为单独路线[重复]
【发布时间】：2020-06-11 09:04:34
【问题描述】：

我想打开一个具有单独路线的模式，而在模式后面可以看到带有单独路线的上一页。我的路线配置是这样的：

常量 appRoutes: 路由 = [ { 小路： ''，组件：PageHolder，孩子们： [ { 小路： ''，重定向到：'第一'， }, { 路径：'第一'，组件：FirstComponent }, { 路径：'模态'，组件：模态组件 }, ], }, ];

应用程序运行时，会显示FirstComponent，链接为“localhost:4200/first”。我在 FirstComponent 中有一个打开 ModalComponent 的链接。但是当模态打开时（现在链接是“localhost:4200/modal”），由于新的路由，FirstComponent 会落后于模态。

现在我想阻止这种行为并在 FirstComponent 在模态后面可见时显示模态。

请注意，ModalComponent 不是 FirstComponent 的子级。

另外，我希望模态的 URL 像这样：localhost:4200/modal。

有什么办法吗？

谢谢。

【问题讨论】：

除非 ModalComponent 是 FirstComponent 的子级，否则无法做到这一点。
@pindev，我们可以使用两个路由器插座，其中一个是绝对的吗？

标签： angular angular-routing

【解决方案1】：

您需要使用辅助路线

尝试在这部分添加outlet

                {
                    path: 'modal',
                    component: ModalComponent
                    outlet:'modal'
                }

之后你可以在 URL 中调用它：localhost:4200/first(modal:/modal)

【讨论】：

我希望 URL 看起来像这样：localhost:4200/modal 并且不想在 URL 中显示括号。有什么办法吗？