ionic-framework - ionic 5 - 路由到带有页面 id 问题的详细信息页面

Question

伙计们，我正在创建一个具有页面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'导入{路由，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

检查角度文档以获取正确的路由器实施