从Angular和Ng引导程序中的modal路由到另一个页面/组件

Question

我正试图从模式对话框导航到另一个页面，但它不导航，只更改url位置。

这里有一个非常基本的stackblitzhttps://stackblitz.com/edit/angular-j4rahu-oj8pcn正如您所看到的，编辑组件从未被导航到。

编辑：对不起，我以为我有闪电战分叉，但它是错误的链接。抱歉，现在我有了新的闪电战。它有路由器模块

编辑：复制本期。单击LaunchModal=>单击关闭。应导航到编辑组件。

Answer 1

啊！！！

您在app.component.html文件中提到了<router-outlet></router-outlet>

我更换了

<ngbd-modal-component></ngbd-modal-component>

带

<router-outlet></router-outlet>

它开始工作

由于<router-outlet>处理路由并渲染Routes阵列中指定的组件

更多信息https://angular.io/api/router/RouterOutlet