在 loadchildren 路径中导航不起作用

Question

我有一个非常简单的项目设置，但是我无法使用 loadchildren 导航到延迟加载路径...

app-routing.module.ts:

const routes: Routes= [
    {path:'', redirectTo: 'auth', pathMatch: 'full'},
    {path:'auth', component: AnmeldungComponent},
    {path:'system', loadChildren: '~/app/system/system.module#SystemModule'},
    {path:'settings', component: SettingsComponent}
];

@NgModule({
    imports: [NativeScriptRouterModule.forRoot(routes)],
    exports: [NativeScriptRouterModule]
})
export class AppRoutingModule {}

系统路由.module.ts：

const routes: Routes = [
    {
        path: "",
        component: ListeSystemComponent,

    },
    { path: "monitorliste", component: ListeMonitorComponent },
    { path: "messwerte/:id", component: DatenMonitordatenComponent },
    {
        path:
            "messwertverlauf/:schwelleAlert/:schwelleGut/:schwelleWarn/:schwelleRichtung/:id",
        component: MesswertverlaufComponent,
    },

];

@NgModule({
    imports: [NativeScriptRouterModule.forChild(routes)],
    exports: [NativeScriptRouterModule],
})
export class SystemRoutingModule {}

list-monitor.component.ts:

onItemTap(currentMonitorListeElem: MonitorListeElem){
    this.routerExt.navigate(['messwerte',currentMonitorListeElem.id ], {transition: {name: 'slideLeft'}, relativeTo: this.route});
}

当执行onItemTap 函数时，我得到错误：
错误：无法匹配任何路由。 URL 段：'system/monitorliste/messwerte/421'

这不是完全正确的路线还是我完全错误的理解？

非常感谢！

编辑： 编辑 system-routing.module.ts:

const routes: Routes = [
    {
        path: "",
        component: ListeSystemComponent,
        children: [
            {
                path: "monitorliste",
                component: ListeMonitorComponent,
                children: [
                    {
                        path: "messwerte/:id",
                        component: DatenMonitordatenComponent,
                    },
                    {
                        path:
                            "messwertverlauf/:schwelleAlert/:schwelleGut/:schwelleWarn/:schwelleRichtung/:id",
                        component: MesswertverlaufComponent,
                    },
                ],
            },
        ],
    },
];

当我这样使用它时，我什至无法到达“monitorliste”，我被困在“系统”中

使用时：
系统路由.module.ts：

const routes: Routes = [
    {
        path: "",
        component: ListeSystemComponent,

    },
    {
        path: "monitorliste",
        component: ListeMonitorComponent,
        children: [
            {
                path: "messwerte/:id",
                component: DatenMonitordatenComponent,
            },
            {
                path:
                    "messwertverlauf/:schwelleAlert/:schwelleGut/:schwelleWarn/:schwelleRichtung/:id",
                component: MesswertverlaufComponent,
            },
        ],
    },
];

我可以到达“monitorliste”，但我无法到达“messwerte/:id”，而是被重定向到“monitorliste”

Answer 1

原因是 "messwerte/:id" 不是 "monitorliste" 的子节点，您会收到错误“无法匹配任何路由”。

{
  path: "monitorliste",
  component: ListeMonitorComponent,
  children: [{ path: "messwerte/:id", component: DatenMonitordatenComponent }]
},

另请注意，可以使用延迟加载的新方法，例如

loadChildren: () => import('./crm/crm.module').then(m => m.CrmModule)