Question

app.module.ts：

imports: [
    IonicModule.forRoot(MyApp, {}, {
        links: [
            { component: CategoryPage, name: 'Category', segment: 'category:id'}
        ]
    }
],
providers: [
    {
        provide: LocationStrategy,
        useClass: PathLocationStrategy
    }
]

我也在导航的页面配置

@IonicPage({
  name: 'Category',
  segment: 'category/:id'
})

触发导航的代码：

this.nav.push(CategoryPage, {id: 3});

该组件确实按预期加载，因此我可以调用this.navParams.get（'id'）从组件类中生成3。

预期结果：网址更改为/ category：3

观察到的结果：网址更改为/ category：id

Answer 1

因此，如果您尝试实现Ionic 3的深层链接（因为Ionic 4现在默认使用Angular的路由器），则需要确保还相应地配置每个页面。

您要导航到的页面需要通过@IonicPage添加配置：

@IonicPage({
    segment: 'second/:id'
})

在ionic docs或this guide中查看更多

网址中未显示离子导航推送参数

1 个答案: