【问题标题】: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>

它开始工作了

由于&lt;router-outlet&gt; 处理路由并呈现Routes 数组中指定的组件

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

【讨论】:

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