时间戳

首页 > 解决方案 > Ionic5 模态路由

javascript - Ionic5 模态路由

问题描述

我有一个可滑动的模式，上面有一个按钮。当用户点击时，我需要关闭模式并导航到另一个组件。我已经完成了路线和所有事情，但出现错误：

错误：未捕获（承诺）：错误：无法匹配任何路由。URL 段：“子详细信息”

如果我从父组件导航，而不通过模式，它就可以工作。

我认为模态正在创建自己的路线。有办法解决吗？我觉得我需要“远离”模式来导航。

谢谢

modal.component.ts

async goTo(where: string) {
    await this.modalCtrl.dismiss();
    this.router.navigate('sub-detail');
}

模块

imports: [
    CommonModule,
    RouterModule.forChild([
          { path: '', pathMatch: 'full', component: SubscriptionComponent },
          { path: 'sub-detail', component: SubscriptionDetailsComponent },
          { path: 'options', component: SubscriptionModalComponent },
    ]),
    IonicModule,
    UniversalModules
],

标签： javascriptangularionic-frameworkionic5

解决方案

您无法从模态导航到任何地方，因此让模态完成并返回页面然后进行导航。

推荐阅读