Angular 路由器导航不'；不要重定向到其他页面

当用户单击datatable行时，我会将其重定向到另一个页面

在HTML中

<p-table  [value]="users" selectionMode="single"  [(selection)]="selectedUser" dataKey="uid" (onRowSelect)="selectedUserDetails($event)" styleClass="tab-result">

在模块布线中

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

信息管理路由延迟加载到此路径

http://localhost:4200/administration

用户详细信息应为

http://localhost:4200/administration/userdetails

在管理组件中

<router-outlet></router-outlet>

---

我的问题是，当单击时，我没有被重定向到

userdetails

页面，但当我从url栏导航到/userdails时，我看到组件您没有调用该函数，您只是尝试访问

导航
属性中名为
/userdetails
的属性。您错过了
（）

添加括号“（）”并删除斜杠“/”

请尝试按如下方式进行路由：

const routes: Routes = [
  { path: '', component: ResulTabComponent },
  { path: "administration/userdetails", component: UserDisplayComponent }
]

这只是，只是我得到的另一个问题
错误：未捕获（承诺）：错误：无法匹配任何路由。URL段：“userdetails”
但我已在控制台中定义了路由，请尝试查找它尝试导航的路由？该错误与您未在应用程序中配置路由有关。请检查如何在Angular中配置应用程序路由。您必须声明已声明的appRoutes，然后必须导出：export const routing:ModuleWithProviders=RouterModule.forRoot（appRoutes）；然后在导入下的AppModule中导入路由。检查有关如何设置应用程序路由的文档。这就是我所做的，当我从浏览器中导航到tu userdetails时，我会在组件userdetails上着陆，以便路由声明正常工作，只有导航会导致问题，或者您也可以尝试此项
this.router.navigateByUrl（'/userdetails'）试试这个
this.router.navigate（['userdetails']）我应该删除父路径上的子属性吗？（我已经在我的帖子中更新了routes部分）尝试一下：const routes:routes=[{path:''，component:ResulTabComponent}，{path:“userdetails”，component:UserDisplayComponent}]，但我在您的示例中没有看到管理组件。userdetails和result选项卡应该是“userdetails”（administration/userdetails）之前的it's childsadd administration{path:“administration/userdetails”，component:UserDisplayComponent}
this.router.navigate(['/userdetails']);
                    ^                ^

this.router.navigate(['userdetails']);

const routes: Routes = [
  { path: '', component: ResulTabComponent },
  { path: "administration/userdetails", component: UserDisplayComponent }
]