离子5-路由到详细信息页面与页面id问题

Question

伙计们，我正在创建一个ionic应用程序，它有一个带有页面id的详细信息页面，我正在尝试配置路由器，它没有重定向它总是在主页上，我的代码在下面，请检查？

父页面路由

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { RecepiesPage } from './recepies.page';
const routes: Routes = [
{
path: '',
component: RecepiesPage
},
{
path: 'recipedatail',
loadChildren: () => import('./recipedatail/recipedatail.module').then( m => m.RecipedatailPageModule)
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class RecepiesPageRoutingModule {}

详细信息页面路由

从"@angular/core"导入｛NgModule｝；从"@angular/router"导入｛Routes，RouterModule｝；

import { RecipedatailPage } from './recipedatail.page';
const routes: Routes = [
{
path: '',
component: RecipedatailPage
},
{
path: ':recipeId',
loadChildren: () => import('./recipedatail.module').then( m => m.RecipedatailPageModule)
},
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class RecipedatailPageRoutingModule {}

Answer 1

检查角度文档以获得正确的路由器实现