Angular 角形罐'；t加载子路径

我会导航到有角度的儿童路线

这是我的文件

import { NgModule } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";
import { ModuleWithProviders } from "@angular/core";
import { AdministrationComponent } from "./administration.component";
import { UserDisplayComponent } from "./user-display/user-display.component";
import { ResulTabComponent } from "./result-tab/result-tab.component";
const routes: Routes = [
  {
    path: "",
    component: AdministrationComponent,
    pathMatch: "full",
    children: [
      { path: "", component: ResulTabComponent, pathMatch: "full" },
      { path: "userdetails", component: UserDisplayComponent }
    ]
  }
];

export const AdministrationRouting: ModuleWithProviders = RouterModule.forChild(
  routes
);
{
}

管理组件延迟加载到路由

管理

selectedUserDetails(userDetails) {
  this.router.navigate(["/administration", "userdetails"]);
}

当我单击一个表行时，我会导航到userdetails路由，所以
http://localhost:4200/administration/userdetails

selectedUserDetails(userDetails) {
  this.router.navigate(["userdetails"]);
}

实际上我得到了这个错误

错误：未捕获（承诺中）：错误：无法匹配任何路由。URL段：“用户详细信息”

您似乎缺少
/administration

selectedUserDetails(userDetails) {
  this.router.navigate(["/administration", "userdetails"]);
}

并且父路由的路径中必须有“管理”

const routes: Routes = [
  {
    path: "administration",
    component: AdministrationComponent,
    pathMatch: "full",
    children: [
      { path: "", component: ResulTabComponent, pathMatch: "full" },
      { path: "userdetails", component: UserDisplayComponent }
    ]
  }
];

看看这个。
您的AdministrationComponent和ResultableComponent被定义为相同的路径。
向父级添加管理不好，因为路径变成了
管理/administration
，我很难过，
管理模块
在
管理
路由上延迟加载，然后在“”上加载
À管理组件
。将管理组件路径设置为“”使其正常工作，谢谢，您能更新您的响应以便接受它吗？