路由器导航不会重定向到其他页面

Question

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

在TS文件中

selectedUserDetails(userDetails) {
   console.log(userDetails);
   console.log("enterhere"); // is printed on console dev
   this.router.navigate['/userdetails'];
}

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

用户详细信息应为http://localhost:4200/administration/userdetails

在管理组件中

<router-outlet></router-outlet>

我的问题是，当单击时，我不会被重定向到用户详细信息页面，但当我从url栏导航到/userdails时，我会看到组件

Answer 1

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

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

尝试如下路由:

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

Answer 2

您尚未调用该函数，您只是尝试访问< code>navigate属性中名为< code>/userdetails的属性。您错过了< code>()

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