ionic-framework - ionic 5 - 路由到带有页面 id 问题的详细信息页面
问题描述
伙计们,我正在创建一个具有页面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 {}
解决方案
检查角度文档以获取正确的路由器实施
推荐阅读
- python - 更快地实现像素映射
- c++ - List 上的冒泡排序——在计算上花费了太多时间
- python - 如何在包依赖项> 500MB的AWS lambda上运行python代码?
- android - 如何在 android Studio 上直接向 TFVC 添加解决方案?
- react-native - react-devtools中的“连接到react ....”,当我想连接react native android模拟器时
- javascript - 当 JavaScript 是单线程语言时,如何在 JavaScript 中使用异步非阻塞代码?
- macos - UserNotifications 使用 UNUserNotificationCenter 并在系统偏好设置中设置警报
- swift - SpriteKit - 弹跳节点恒速/速度?
- c# - 如何为从 Unity 中的 Monobehaviour 继承的类编写单元测试?
- python - 如何将可变对象分配给作为 __init__() 函数的参数传递的类成员?