Angular 5 - 导航到具有不同参数的相同路线,

时间:2018-04-09 16:50:18

标签: angular

我试图使用不同的参数导航到相同的路线,但它会将我重定向到我的路线。当我按下后退按钮时,它显示我正确的页面。任何帮助......

我的路线:

const appRoutes: Routes = [
  { path: '', component: IndexComponent },
  // .......
  {
    path: 'projects',    
    component: ProjectsComponent, 
    canActivate: [ AuthGuardService ], 
    children: [
      { path: 'details/:id', component: ProjectDetailsComponent }
    ]
  }
];

我的导航选项

this.router.navigate(['/projects/details/',project.projectId ]);

在ProjectDetails我得到了:

this.route.params.subscribe((params:any) => {
  this.currentProjectId = params['id'];
  this.getProject();
});

1 个答案:

答案 0 :(得分:1)

试试这个:

this.router.navigate(['projects', 'details' ,project.projectId ]);

如果仍然重定向您,则可以浏览ProjectDetailsComponent的ngOnInit

或者,在路由事件发生时,您的路线保护AuthGuardService canActivate可能未得到满足。 (调试canActivate)