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

【问题标题】：Route to another page/component from modal in Angular and Ng bootstrap从 Angular 和 Ng 引导程序中的模式路由到另一个页面/组件
【发布时间】：2026-01-15 20:30:01
【问题描述】：

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

这里有一个非常基本的堆栈闪电战https://stackblitz.com/edit/angular-j4rahu-oj8pcn 如您所见，编辑组件永远不会被导航到。

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

编辑：重现问题。单击 LaunchModal => 单击关闭。应该导航到编辑组件。

【问题讨论】：

你的问题很有误导性。我们必须做些什么来重现这个问题？
Stackblitz 中没有路由器文件
@Kenny，我现在编辑了抱歉

标签： angular angular2-routing ng-bootstrap

【解决方案1】：

啊！！！

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

我换了

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

有

<router-outlet></router-outlet>

它开始工作了

由于<router-outlet> 处理路由并呈现Routes 数组中指定的组件

【讨论】：

肯尼，它确实解决了这里的问题，但我有一个不同的问题。我在 appcomponent 中有一个。应用程序组件将调用定向到我的仪表板组件。仪表板组件有 ````
```` 我的 app-item 组件有以下html <div class="card"> ... <button (click)="open(content)" > <ng-template #content let-modal> ... </ng-template> 在这种情况下路由器插座应该在哪里。谢谢。
好的，我只是在模板之前做了它，它工作正常
不明白问题所在。虽然这是一个不同的问题，但您可以提出另一个问题或通过适当的解释和示例编辑此问题。